CSS text-justify 屬性

定義和用法

text-justify 屬性指定 text-align 設置為 "justify" 時文本的對齊方式。

該屬性規定如何對齊行文本進行對齊和分隔。

實例

齊行改變單詞間的間隔:

div
{
text-align:justify;
text-justify:inter-word;
}

親自試一試

CSS 語法

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

屬性值

描述 測試
auto 瀏覽器決定齊行算法。 測試
none 禁用齊行。 測試
inter-word 增加/減少單詞間的間隔。 測試
inter-ideograph 用表意文本來排齊內容。 測試
inter-cluster 只對不包含內部單詞間隔的內容(比如亞洲語系)進行排齊。 測試
distribute 類似報紙版面,除了在東亞語系中最后一行是不齊行的。 測試
kashida 通過拉伸字符來排齊內容。 測試

技術細節

默認值: auto
繼承性: yes
版本: CSS3
JavaScript 語法: object.style.textJustify="inter-word"

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
支持* 11.0 55.0 10.0.3 支持*

* 此功能位于“啟用實驗性 Web 平臺功能”首選項中(需設置為“已啟用”)。如需更改 Chrome 中的首選項:請在 Chrome 瀏覽器中輸入“chrome://flags”。如需更改 Opera 中的首選項:請在 Opera 瀏覽器中輸入“flags”。