三列布局 - 無浮動對齊

Question

據我瞭解，在現代web開發中，並排水平對齊元素是通過使用浮動（例如三列布局是通過浮動兩個方向和另一個方向來實現的）。然而，這確實帶來了各種各樣的問題，目前我正在一個網站上工作，需要在標題和內容中分別列，因此我需要漂浮幾乎所有東西，並設置各種邊距和寬度，以防止它們跳到各處。

隨着HTML5和CSS3的上升，我想知道是否有東西可以取代浮動更容易的解決方案？因爲它是HTML5和CSS3引入更簡單的方法來使某些事情發生（如邊界圓角四捨五入），所以人們會認爲與網站中的多列幾乎是不可避免的東西來緩解這種麻煩將被髮明。

Answer 1

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

規範似乎相當穩定，因爲它已達到Candidate Recommendation狀態。我不知道這個最新版本有多好的瀏覽器支持。

這是recent article。

Answer 2

你看過任何響應式框架，如Twitter Bootstrap？使用響應式框架，根據屏幕大小設置列非常簡單。

據我所知，除了用浮動和動態寬度創建你自己的列之外，沒有內建列的CSS屬性。