CSS | text-justify 属性

text-justify 是 CSS 属性，用于定义文本的对齐方式和行末对齐方式。这个属性仅适用于文本对齐方式为“对齐”或“两端对齐”的块元素或表格单元格。

语法

text-justify: auto|inter-word|inter-character|none|initial|inherit;

属性值

auto

默认值，浏览器根据文本的内容和格式决定对齐方式。

inter-word

将文本按照单词来对齐，使每行末尾单词之间的空格相等。单词之间的空格将随着末尾单词之间的空格的扩展而增加。这是最常用的文本对齐方式。

inter-character

按照字母中的字符来对齐文本。

none

文本不会被调整，末尾行和单词可能出现不正常的断行和溢出。

initial

将此属性设置为其默认值。

inherit

从父元素继承该属性。

示例

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

以上CSS代码定义了段落文本的文本对齐方式为两端对齐，行末对齐方式为单词对齐。这会使段落文本在所有行末尾单词之间均匀分配空格。

结论

text-justify 属性提供了对文本对齐方式和行末对齐方式的控制，是优化文本排版的重要属性之一。