← 全部工具

CSS 多欄排版產生器:響應式欄寬與閱讀順序

預覽 CSS 響應式多欄,設定欄數或欄寬、間距、分隔線、跨欄標題及分割,匯出跳脫 HTML,不裁切長文。

正在啟用本機工具…

多欄文字設定

最多 20,000 UTF-8 bytes、100 段。文字以純文字處理,HTML 輸出安全跳脫。width 為最佳寬度;窄容器可更窄。both 的 count 是上限。輸入僅留本機記憶體。

原生多欄預覽

輸入文字或載入範例,再建立。

DOM 閱讀順序保持原文順序:先沿一欄由上往下,再到下一欄;不是視覺逐列排列。長文完整保留,不固定高度或裁切。count 模式在窄螢幕可能難讀;優先試 width。avoid 是斷欄偏好,不保證超大內容永不分割。

如何使用這個工具

選擇欄寬或欄數模式、輸入段落,建立並檢查窄螢幕閱讀順序及分欄,再複製完整 CSS 與 HTML。

不適合用在什麼情況

欄寬是偏好值,不是硬性最小值。避免分割不能保證過大內容不拆開;多欄文字沿每欄由上往下閱讀。

閱讀實作指南 →