html - 三列布局 - 无浮动对齐

Question

据我了解，在现代 Web 开发中，并排水平对齐元素是通过使用浮动来实现的（例如，三列布局是通过将两个方向浮动到另一个方向来实现的）。然而，这确实带来了各种问题，目前我正在开发一个需要在标题和内容中分别列的网站，因此我需要浮动几乎所有内容并设置各种边距和宽度以防止它们到处乱跳.

随着 HTML5 和 CSS3 的兴起，我想知道是否有什么东西可以用更简单的解决方案代替浮动？由于 HTML5 和 CSS3 引入了更简单的方法来使某些事情发生（例如带有边框半径的圆角），因此人们会认为网站中的多个列几乎是不可避免的，这样可以减轻麻烦。

Answer 1

是的，它是 flexbox，或CSS 灵活框布局模块。

该规范似乎相当稳定，因为它已达到候选推荐状态。我不知道这个最新版本的浏览器支持有多好。

这是最近的一篇文章。

Answer 2

您是否看过任何响应式框架，例如Twitter Bootstrap？使用响应式框架，根据屏幕大小设置列非常容易。

据我所知，除了使用浮动和动态宽度创建自己的列之外，没有内置的 CSS 属性。