2025 iThome 鐵人賽
分享至
在編排處理大量文字時，有時會使用「不同欄位」來讓版面更為簡潔，透過 CSS 的 columns、column-count、column-width、column-rule 等「文字自動分欄」的樣式屬性，可以在不使用任何額外元素的狀況下，將文字拆分成不同欄位，這個單元會介紹相關用法。
影片重點：
00:00:48 columns 文字自動分欄 00:03:26 column-rule 自動分欄隔線格式 00:06:31 column-fill 文字自動分欄方式 00:07:30 column-span 文字自動分欄標題
相關參考：
教學文：CSS 文字自動分欄 影片連結：https://www.youtube.com/watch?v=TqJh-RzSb74
更多參考： Youtube 頻道：https://www.youtube.com/@steam.oxxostudio CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html
更多參考：
IT邦幫忙
iThome鐵人賽
看影片追技術