CSS 多欄排版產生器:響應式欄寬與閱讀順序
預覽 CSS 響應式多欄,設定欄數或欄寬、間距、分隔線、跨欄標題及分割,匯出跳脫 HTML,不裁切長文。
正在啟用本機工具…
多欄文字設定
最多 20,000 UTF-8 bytes、100 段。文字以純文字處理,HTML 輸出安全跳脫。width 為最佳寬度;窄容器可更窄。both 的 count 是上限。輸入僅留本機記憶體。
原生多欄預覽
輸入文字或載入範例,再建立。
DOM 閱讀順序保持原文順序:先沿一欄由上往下,再到下一欄;不是視覺逐列排列。長文完整保留,不固定高度或裁切。count 模式在窄螢幕可能難讀;優先試 width。avoid 是斷欄偏好,不保證超大內容永不分割。
如何使用這個工具
選擇欄寬或欄數模式、輸入段落,建立並檢查窄螢幕閱讀順序及分欄,再複製完整 CSS 與 HTML。
不適合用在什麼情況
欄寬是偏好值,不是硬性最小值。避免分割不能保證過大內容不拆開;多欄文字沿每欄由上往下閱讀。
閱讀實作指南 →