鄧洋前端學習——Flex佈局之flex-basis屬性

Flex佈局是在09年的時候，W3C提出的一種新的佈局方案，這種佈局可以很簡便的實現各種頁面得到佈局，這種佈局用來為盒子模型提供最大的靈活型，又叫‘彈性佈局’。

在css中任何一個容器都是可以作為一個Flex佈局,比如一個盒子或者是一個行內的元素，如果使用的瀏覽器是webkit的核心，那麼在前面一定要加上-webkit字首。

要注意的是，當容器設定了Flex佈局的話，子元素的float、clear還有vertical-align的屬性就會失效。

flex-basis屬性

flex-basis屬性定義了在分配多餘空間之前，專案佔據的主軸空間（main size）。瀏覽器根據這個屬性，計算主軸是否有多餘空間。它的預設值為auto，即專案的本來大小。

它可以設為跟width或height屬性一樣的值（比如350px），則專案將佔據固定空間。

鄧洋前端筆記_CSS_flex-basis屬性

版權所有：《鄧洋的個人部落格》 => 《鄧洋的學習筆記：Flex佈局之flex-basis屬性》

本文地址：http://dengyang006.cn/post/14.html