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

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

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

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

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

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