Flex布局意為“彈性布局”，為盒模型提供巨大的靈活性 使用說明1 任何容器都可以使用flex布局 #160#160display flex2行內(nèi)元素可以使用flex布局 #160#160display inlineflex外層flex容器的屬性1。

你可以混合使用displaybox和displayflex來實(shí)現(xiàn)支持，我之前寫過一篇文章flex混合寫法詳解，里面有詳細(xì)說明，希望對你有幫助。

接下來就將對flex布局的幾個重要知識點(diǎn)進(jìn)行歸納采用flex布局的元素，稱為flex容器flex container它的所有子元素自動成為容器成員，稱為flex項(xiàng)目flex item如上圖所示，該flex容器在縱橫有兩根軸，其中橫向的稱為。

aligncontent 在多行布局中，用于控制項(xiàng)目在交叉軸上的排列方式除了這些基本屬性外，F(xiàn)lexbox API還提供了其他一些屬性，用于控制項(xiàng)目的空間分配和溢出處理，以及容器的邊緣和填充使用Flex布局，您可以輕松地在各種屏幕尺寸。

前端應(yīng)知應(yīng)會flex布局詳解 flex布局可以說是當(dāng)下前端開發(fā)必須學(xué)會的一個基本技能，它在面試中的出場率也很高，有必要專門講解一下flex布局全稱flexible box布局模型，是一種比較高效的css3布局方案 通過設(shè)置元素的display。

那Flex布局就是Flexible Box布局的縮寫，就譯為彈性盒子布局，用來對一個盒子進(jìn)行靈活的布局 在了解Flex布局之前，我們得先了解一下Flex布局里的兩對兒 重要的 概念 采用Flex布局的組件，被稱為Flex容器flex container，簡稱容器conta。