• 主要概念：將一段內容放到多個列之中
• 在每一列的內部，還可以保持正常的內容流
• 默認符合響應式的規則，不必增加CSS查詢條件( Media Queries) ，修改每一個斷點的列數，而是製定一個最佳的寬度，讓瀏覽器自身來進行處理。
• cloumns box中的內容將無法定位

屬性：
column-count：定義欄位數量
column-width：定義欄位寬度
＊column-count及column-width只能二擇一
＊如果二屬性和width一起設定但wifth，會犧牲column-count
column-gap：欄位空隙寬度，屬性的默認值為1em
column-rule：分割線，形式規則什麼的等同於border
是下列三項的縮寫：
column-rule-style：欄與欄之間的border樣式。
column-rule-width：欄與欄之間的border寬度。
column-rule-color：欄與欄之間的border色彩。
column-span：設定指定元素不受column影響。（multicol）column-break-inside：文字換欄設定
auto: 自動
avoid: 文字段落結束後才換欄
column-break-before, column-break-after：指定元素的前後是否強制換欄。可以放在整個段落的前後

參考文章：

• CSS教學－CSS3 屬性column-count製作瀑布流版型
• 基於CSS3 column多欄佈局實現水平滑頁翻頁交互
• 純css實現瀑布流（multi-column多列及flex佈局）
• 【譯】如何，以及何時使用CSS多列佈局
• CSS3多列布局(columns)的用法