鏈接地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
Flex部分均參考了阮一峰的網(wǎng)絡(luò)日志,感覺他的很多基礎(chǔ)入門知識講的非常好,總結(jié)的也很詳細。
2009年,W3C 提出了一種新的方案----Flex 布局,可以簡便、完整、響應(yīng)式地實現(xiàn)各種頁面布局。目前,它已經(jīng)得到了所有瀏覽器的支持,這意味著,現(xiàn)在就能很安全地使用這項功能。
Flex 是 Flexible Box 的縮寫,意為"彈性布局",用來為盒狀模型提供最大的靈活性。
任何一個容器都可以指定為 Flex 布局。
.box{display:flex;}
行內(nèi)元素也可以使用 Flex 布局。
.box{display:inline-flex;}
注意,設(shè)為 Flex 布局以后,子元素的float、clear和vertical-align屬性將失效。