這是我學習教程而寫的筆記，教程地址：https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Multiple-column_Layout
作為溫習之用
column-count可以指定分成多少列，
column-width可以指定一列寬度是多少，根據瀏覽器大小自動生成列數，
column-gap可以設定列之間的間隔大小，
column-rule的取值和border一樣，是column-rule-color，column-rule-style和column-rule-width三個屬性的總和，不占用空間，看gap大小，
column-span: all屬性放在要橫跨頁面的元素上，這樣文章可以在這個元素下邊繼續，
防止一整塊的元素被分列分成兩部分，可以使用 break-inside: avoid;在元素上（老瀏覽器加上page-break-inside: avoid;)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/125601.html
標籤：Html/Css
上一篇：CSS Grids教程學習筆記