用于 Html/CSS 中 UI 布局的 Div 定位库？ [关闭]答案

【问题标题】：Div Positioning Library for UI Layout in Html/CSS? [closed]用于 Html/CSS 中 UI 布局的 Div 定位库？ [关闭]
【发布时间】：2015-01-20 19:52:01
【问题描述】：

我一直讨厌的一件事是在 CSS 中定位 div 的复杂性。水平对齐，垂直对齐（不，不使用自动边距等）。父容器内的垂直和水平定位，（即级联）等。将两个东西并排分组（不，不使用浮动，或表格，或 ul/li 或其他黑客）等。我也会像不同类型的容器。如果您熟悉 wpf，它们具有垂直/水平堆栈容器，并且定位容器通常只需将某些内容声明为“左对齐、居中”即可轻松完成，并且它始终也会考虑父容器的位置。

在 github 上是否有库或处理“容器”和“定位”的东西？这主要用于应用程序开发（桌面或移动）中的 UI 布局，但基于 html5。通过在 html 或 css 中声明自定义属性（首选）或通过 javascript 编程？

【问题讨论】：

标签： javascript css html user-interface user-experience

【解决方案1】：

一旦你掌握了 CSS 来定位元素，其实并没有什么复杂的。如果您想为具有不同视口的应用程序以响应方式堆叠事物，请使用响应式网格框架，这对于初学者来说非常容易使用：

http://getskeleton.com/

要获得更多控制权，请使用 flexbox（取决于您的浏览器支持需求）：

http://css-tricks.com/snippets/css/a-guide-to-flexbox/

【讨论】：

你在开玩笑吧？没什么复杂的。尝试在 div 中居中文本 (text-align) 当位置是静态 (margin:auto) 与绝对 (margin:auto,left:0/right:0) 时，尝试将 div 水平居中，并且不要忘记指定宽度。尝试在 div 中垂直居中文本。（线高是多少）。 CSS是一团意大利面条。完全垃圾设计它的人。对不起。
不用在这里争论，每天都有数百万人使用 CSS 创建大量不同的网站。在 CSS 中定位并不具有挑战性，我通常会发现那些抱怨一门语言困难的人是那些不完全理解它的人。 CSS 仍在发展中，随着 flexbox 的加入，定位元素变得更加容易。与其抱怨它有多糟糕并试图找到一个 javascript 框架（你不会找到一个，它完全错误的做事方式），不如尝试学习更多关于 CSS 的知识。
我认为我正在寻找的答案是 flexbox。有很多，但我认为这是我一直想要的。

【解决方案2】：

如果您还没有听说过，您应该查看 twitter bootstrap，它是最流行的前端框架。它有一个网格系统，使用起来非常简单http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

它将允许您相对轻松地创建布局。我确实建议学习最终学习如何自己做这些事情

【讨论】：

我已经研究了引导程序，但它对我想要的东西来说有点沉重