温馨提示×

CSS实现文字两端对齐

css
小云
386
2023-09-19 06: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>

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

0