三列布局 - 无浮动对齐

Question

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

随着HTML5和CSS3的上升，我想知道是否有东西可以取代浮动更容易的解决方案？因为它是HTML5和CSS3引入更简单的方法来使某些事情发生（如边界圆角四舍五入），所以人们会认为与网站中的多列几乎是不可避免的东西来缓解这种麻烦将被发明。

Answer 1

是的，它是flexbox或CSS Flexible Box Layout Module。

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

这是recent article。

Answer 2

你看过任何响应式框架，如Twitter Bootstrap？使用响应式框架，根据屏幕大小设置列非常简单。

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