CSS-佈局相關

多欄佈局
column-count: n - 欄數
column-width: width - 欄寬(可以單獨設定每一欄的寬度,也可以只設定元素的寬度,然後自適應)
column-gap: width - 欄間距
column-rule: 2px solid red - 間隔線

盒佈局
display: box - 使用盒佈局
box-flex: 1 - 採用彈性寬度(至少爲1的整數)
box-flex-group: 1 - 彈性分組
box-ordinal-group: 1 - 改變顯示順序(從小到大排列,不指定此屬性的會優先顯示)
box-orient: (vertical | horizontal) - 改變排列方向
box-direction: (normal | reverse | inherit) - 顯示順序
box-align: (start | center | end | baseline | skretch) - 子元素對齊方式
box-pack: (start | center | end | justify) - 設定水平框的水平位置或垂直框的垂直位置

發佈了43 篇原創文章 · 獲贊 1 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章