CSS实现文字两端对齐

avatar
作者
猴君
阅读量:7

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> 

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

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!