css3中的彈性盒與怪異盒
阿新 • • 發佈：2019-01-07
首先講一下什麼是彈性盒：
彈性盒佈局模型（Flexible Box Layout）是 CSS3
規範中提出的一種新的佈局方式，彈性盒佈局模型的目的是提供一種更加有效的方式來對一個容器中的條目進行排列、對齊和分配空白空間。即便容器中條目的尺寸未知或是動態變化的，彈性盒佈局模型也能正常的工作。在該佈局模型中，容器會根據佈局的需要，調整其中包含的條目的尺寸和順序來最好地填充所有可用的空間。當容器的尺寸由於螢幕大小或視窗尺寸發生變化時，其中包含的條目也會被動態地調整。比如當容器尺寸變大時，其中包含的條目會被拉伸以佔滿多餘的空白空間；當容器尺寸變小時，條目會被縮小以防止超出容器的範圍。
說的簡單點就是具有自適應的佈局稱為彈性盒佈局。