CSS实现文字两端对齐

css

502

2023/8/30 6:08:37

栏目: 编程语言

CSS实现文字两端对齐可以使用text-align-last属性。

text-align-last属性定义了当一行文本被分割成多个行框时，如何对齐最后一行的文本。默认值为auto，表示按照文本的默认对齐方式对齐。

要实现文字两端对齐，可以将text-align-last设为justify。这样最后一行的文本会被两端对齐，实现了文字两端对齐的效果。

例如：

.text-justify {
text-align: justify;
text-align-last: justify;
}

然后在需要实现文字两端对齐的元素上添加该类名：

<p class="text-justify">这是一段需要两端对齐的文字。</p>

这样文字就会被两端对齐了。需要注意的是，该属性在一些较旧的浏览器中不被支持。

最新知识库