CSS中的text-justify

在CSS中，text-justify属性用于控制文本的对齐和断行方式。它可以在段落中设置文本对齐和断行规则，以便更好地控制文本的呈现。

语法

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

属性值

• auto：浏览器根据自身的布局和文本内容决定对齐方式。这是默认值。
• none：以自然文本流的方式呈现文本，不进行断行和对齐操作。
• inter-word：在单词之间增加间隔，使得文本在两端对齐。如果单词太长，将进行默认的文本断行处理。
• inter-ideograph：在中文和日本假名之间增加间隔，使得文本在两端对齐。如果字符太长，将进行默认的文本断行处理。
• inter-cluster：在字符之间增加间隔，使得文本在两端对齐。如果字符太长，将进行默认的文本断行处理。
• distribute：通过拉伸字符间的间距，并在需要时伸缩字符宽度，来使得文本在两端对齐。
• kashida：使用等宽的拉伸和压缩来调整字符之间的间隔，以实现文本在两端对齐。

示例

p {
  text-justify: inter-word;
}

上述示例代码会将段落中的文本进行单词间对齐，在需要的情况下进行文本断行。

更多的示例和属性值可以在CSS text-justify 文档中查看。

请注意，text-justify属性并不是所有浏览器都支持的。为了跨浏览器的兼容性，你可能需要使用浏览器前缀或其他方法来实现相似的效果。

希望这个简单的介绍对你理解CSS中的text-justify属性有所帮助！