CSS column對於文字排版有很大的幫助，就類似Adobe indesign在文字排版時，只要指定文字欄數，再將文字全部匯入即可。這樣在文字編排時則會以內容為優先，並非受限於html規則。
簡單範例
可以直接透過以下範例，操作互動來了解CSS column各個屬性的操作結果，試試看以後再來了解各屬性的用途。
高溫狀況越來越容易發生！
根據美國的氣象資料顯示，今年6月全球平均氣溫、上半年全球均溫、陸溫及海溫都創新高，昨天台灣因西南風沉降作用的關係也熱得發燙，新竹高溫飆上37度，創下當地今夏最高溫紀錄。氣象局預報中心主任鄭明典說，高溫狀況越來越容易發生！
台灣溫度趨勢和全球變化一致，氣象局長期預報課李明營表示，上半年台灣均溫比氣候值高出0.68度，今年6月均溫則達29.53度，比平均氣候值高1.95度，是1947年以來最熱的6月。他說台灣今年6月均溫飆高的原因和太平洋副高壓強勁有關，但導致太平洋副高增強主因有待探究。
昨天中午新竹出現37度高溫，刷新當地今夏最高紀錄，鄭明典表示，當時西南風轉偏南風，中部以北的西半部地區以離岸風為主，海風吹不進來，加上雲量偏低，氣溫便飆高，「近年趨勢是，高溫狀況越來越容易發生！」
所幸高溫的情形在今天會有所改善，氣象局預報員張心華表示，隨著華南低壓帶逐漸往東移出，今天水氣和雲量增加，溫度會略降1至2度，但沒下雨的時候，北部有機會達35度左右。
今天中南部降雨範圍廣，北部及澎湖、金門和馬祖則有局部短暫雨，午後各地有機會出現雷陣雨，且易伴隨瞬間大雨、雷擊、強陣風和溪水暴漲；沿海地區易有9至10級強陣風，西南部及恆春半島沿海易有長浪發生，提醒民眾留意。
高溫狀況越來越容易發生！
根據美國的氣象資料顯示，今年6月全球平均氣溫、上半年全球均溫、陸溫及海溫都創新高，昨天台灣因西南風沉降作用的關係也熱得發燙，新竹高溫飆上37度，創下當地今夏最高溫紀錄。氣象局預報中心主任鄭明典說，高溫狀況越來越容易發生！
台灣溫度趨勢和全球變化一致，氣象局長期預報課李明營表示，上半年台灣均溫比氣候值高出0.68度，今年6月均溫則達29.53度，比平均氣候值高1.95度，是1947年以來最熱的6月。他說台灣今年6月均溫飆高的原因和太平洋副高壓強勁有關，但導致太平洋副高增強主因有待探究。
昨天中午新竹出現37度高溫，刷新當地今夏最高紀錄，鄭明典表示，當時西南風轉偏南風，中部以北的西半部地區以離岸風為主，海風吹不進來，加上雲量偏低，氣溫便飆高，「近年趨勢是，高溫狀況越來越容易發生！」
所幸高溫的情形在今天會有所改善，氣象局預報員張心華表示，隨著華南低壓帶逐漸往東移出，今天水氣和雲量增加，溫度會略降1至2度，但沒下雨的時候，北部有機會達35度左右。
今天中南部降雨範圍廣，北部及澎湖、金門和馬祖則有局部短暫雨，午後各地有機會出現雷陣雨，且易伴隨瞬間大雨、雷擊、強陣風和溪水暴漲；沿海地區易有9至10級強陣風，西南部及恆春半島沿海易有長浪發生，提醒民眾留意。
屬性說明
column-count
這屬性只要直接填入數值即可，用來定義欄位數量。
column-width
column-count及column-width只能二擇一，前者是直接定義欄位數量，後者則是定義欄位寬度。
column-gap
欄位空隙寬度。
column-rule-style
欄與欄之間的border樣式。
column-rule-width
欄與欄之間的border寬度。
column-rule-color
欄與欄之間的border色彩。
column-span
設定指定元素不受column影響。(可以使用在標題或是重要的文字上)
column-break-inside
文字換欄設定
- auto: 自動
- avoid: 文字段落結束後才換欄
column-break-before, column-break-after
指定元素的前後是否強制換欄。可以放在整個段落的前後