flex怎么設置自動換行的布局？如何實現(xiàn)左右定寬，中間自適應寬度的css布局？下面是一個簡單的介紹供您參考；其原理是使用絕對定位來分別定位左右兩側的div。中間div使用margin屬性保留左、右di

flex怎么設置自動換行的布局？

如何實現(xiàn)左右定寬，中間自適應寬度的css布局？

下面是一個簡單的介紹供您參考；

其原理是使用絕對定位來分別定位左右兩側的div。中間div使用margin屬性保留左、右div的寬度，并將中間div的寬度設置為100%。代碼如圖所示

外層用div包裝，設置屬性display:Flex，里面的子元素用屬性設置彈性：1，請參見下圖中的代碼

]float layout將左側和右側的div分別浮動到左側和右側，并使用中間的margin屬性保留左右兩邊的寬度。這有點類似于絕對定位布局。代碼如下圖所示

1。什么是flex布局？Flex是flexible box的縮寫，意思是“靈活布局”，用于為box模型提供最大的靈活性。任何容器都可以指定為flex布局。內聯(lián)元素也可以使用flex布局。R 2。彈性屬性1。彎曲方向屬性（R）]2。彈性包裹屬性（R 3。柔性流量/R 4。。對齊內容屬性（R5。對齊項目屬性（r6。對齊內容屬性（垂直橫軸）2。項（子元素）屬性（r1。順序屬性（r2。彈性增長屬性（R 3。彈性收縮屬性（R4。彈性基礎屬性（R5。彈性屬性）（r 6。對齊自身屬性）（r 6。Align self屬性）

flex是干什么用的？

Flex：讓彈性盒模型對象的所有子元素具有相同的長度，忽略其內部內容。你想小一點嗎？flex的默認值只有0或1。要更改大小，只需修改寬度和高度的值