CSS text-justify 屬性
示例
當 text-align 設定為 "justify" 時,將文字的對齊方法設定為 "inter-word"
div {
text-align: justify;
text-justify: inter-word;
}
自己動手試一試 »
定義和用法
text-justify 屬性規定了當 text-align 設定為 "justify" 時的文字對齊方法。
| 預設值 | auto |
|---|---|
| 繼承 | 是 |
| 可動畫 | 否。 閱讀關於可動畫屬性 |
| 版本 | CSS3 |
| JavaScript 語法 | object.style.textJustify="inter-word" |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| text-justify | 是* | 11.0 | 55.0 | 10.0.3 | 是* |
*此功能需要啟用 啟用實驗性 Web 平臺功能 偏好設定(需要設定為 Enabled)。要在 Chrome 中更改偏好設定:在 Chrome 瀏覽器中輸入 "chrome://flags"。要在 Opera 中更改偏好設定:在 Opera 瀏覽器中輸入 "flags"。
CSS 語法
text-justify: auto|inter-word|inter-character|none|initial|inherit;
屬性值
| 值 | 描述 | 演示 |
|---|---|---|
| auto | 瀏覽器確定對齊演算法 | 試一試 » |
| inter-word | 增加/減少單詞之間的空格 | 試一試 » |
| inter-character | 增加/減少字元之間的空格 | 試一試 » |
| none | 停用對齊方法 | 試一試 » |
| initial | 將此屬性設定為其預設值。閱讀關於initial | 試一試 » |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |