中文豎排排版

書法文字工具排版

简繁 EN

By RECATOOLS Editorial

關於這個工具

橫排 → 豎排 · 右起 / 左起 · 標點旋轉 90° · 字號 · 可列印

免費中文豎排排版工具。橫排文本 → 古典豎排格式(從右到左、由上至下)。適合書法、卷軸、古典出版物。標點可旋轉 90° 或保持豎立。

RT-CHN-081 · Chinese Language & Script

Paste horizontal Chinese text

Direction

Punctuation

Font size

使用方法

輸入文本

貼上橫排中文文本。每行將渲染為一列。

選擇方向

右起(古典):從右到左排列 — 古卷軸、書法常用。左起(現代):從左到右。

標點處理

旋轉 90°(古典):句號、逗號等水平躺下,符合傳統豎排。保持豎立(現代):標點不動。

右鍵截圖

生成後右鍵 → 檢查 → 截圖節點或瀏覽器擴展可儲存為圖片。

中文豎排 — 2000 年傳統排版

中文豎排是甲骨文以來的傳統排版方式。漢字本身是方塊形,縱橫皆可。古代竹簡、絹帛、紙本書籍都是從右到左、由上至下的豎排。直到 1955 年中國大陸《人民日報》率先改橫排,才開啟簡體中文的橫排時代。

港台仍保留豎排傳統

港台報紙副刊、文學雜誌、古籍出版物、書法仍大量使用豎排。日本現代日文也保留豎排(小說、報紙副刊)— 這是東亞共有的視覺傳統。

「橫排適合閱讀速度,豎排適合書法美感 — 兩者都有其文化角色。」

本工具用途

(1) 書法創作:寫春聯、對聯、卷軸前先看豎排效果。(2) 古典出版:模擬古書排版做封面、插圖。(3) 藝術設計:豎排在中式設計(茶館菜單、傳統品牌)中有獨特韻味。(4) 教學:示範古今排版差異。

關於本工具

純 CSS + JavaScript 實現(無後端、無庫依賴)。使用writing-mode: vertical-rl 現代 CSS 屬性。所有主流瀏覽器(Chrome、Firefox、Safari、Edge)原生支援。

關於中文豎排的 10 個事實

甲骨文 (BC 1200)已是豎排 — 中文豎排傳統超過 3,200 年。

1955 年《人民日報》率先橫排 — 此前簡體中文 + 繁體中文都是豎排。

港台 + 日本仍保留豎排 — 報紙副刊、文學雜誌、小說、古籍。

豎排方向:從右到左(古典)、從左到右(現代日本部分)— 中文古典堅持右起。

書法春聯必是豎排 — 上聯在右、下聯在左、橫批在上。

writing-mode: vertical-rl CSS 屬性(2017 年)讓網頁豎排成為主流可能。

古典豎排標點(句號、逗號)旋轉 90°水平躺下 — 現代豎排可選不旋轉。

《詩經》《楚辭》等古典文學初版都是豎排,影響中文 2000 年。

書籤、題字、印章等小空間排字常用豎排 — 豎排在狹長空間更優雅。

新加坡 + 馬來西亞華文出版幾乎全橫排(英文影響)。港台則保留更多豎排傳統。

常見問題

3 種方法:(1) 右鍵 → 檢查找到節點 → 截圖節點;(2) 用瀏覽器截屏擴展(如 GoFullPage);(3) 直接系統截屏(Cmd+Shift+4 / Win+Shift+S)。
豎排標點需要 OpenType vert 字型特性支援。若字型不支援,部分字符可能位置略偏。建議使用DM Serif Display / 思源宋體等支援豎排的字型。
不。所有排版在瀏覽器內完成。文本從不離開本設備。
可以但不推薦。英文字母被豎排會側躺,可讀性差。本工具主要為中文 / 日文 / 韓文設計。
古典書法、春聯、卷軸→ 右起(傳統正解)。現代日文小說有部分用左起。不確定就選右起。
古典傳統:句號「。」、逗號「,」等水平躺下,符合視覺節奏。現代豎排(尤其日本)也常保持豎立。兩種都對,看用途。
所有 2017 年後的主流瀏覽器(Chrome、Firefox、Safari、Edge)— writing-mode: vertical-rl 是 CSS 標準屬性。
是。預覽下有「複製 HTML」按鈕,可直接貼到自己的網頁或文檔。
部分。報紙副刊、文學小說、古籍出版、書法仍大量豎排。日常報紙正文已橫排。
是。RECATOOLS 所有工具完全免費,廣告支持。

方法與來源

計算方式

Text is laid out in vertical columns using the browser's own vertical writing mode, with columns flowing right to left in the traditional arrangement or left to right in the modern one, and characters running top to bottom within each column. Punctuation is handled per character: some marks rotate 90° when set vertically and others stay upright, and that behaviour is defined by Unicode rather than chosen here.

本工具採用的標準

Layout uses CSS vertical writing mode rather than inserting line breaks, so the text stays selectable, copyable and reflowable instead of becoming a picture of vertical text.
Punctuation orientation follows the Unicode Vertical Orientation property: some characters rotate when set vertically, some remain upright, and applying one rule to all of them is the usual way vertical text is got wrong.
Both column directions are offered because both are correct in context — right-to-left is the traditional arrangement, left-to-right the modern one, and neither is a default that suits every text.
Nothing is sent anywhere; the layout is done in the browser.

資料來源

UAX #50, Unicode Vertical Text Layout: https://www.unicode.org/reports/tr50/ — the Vertical_Orientation property that decides which characters rotate and which stay upright when text is set vertically.
CSS Writing Modes Level 3: https://www.w3.org/TR/css-writing-modes-3/ — the `writing-mode` and `text-orientation` behaviour this layout relies on, including vertical-rl.

可能使本頁過時的因素

Browser support for vertical writing modes is good but not identical everywhere, and the exact rotation of a given punctuation mark can differ between rendering engines. The Unicode property is the specification; what you see is the browser's reading of it.

中文豎排排版