阅读量: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>
这样文字就会被两端对齐了。需要注意的是,该属性在一些较旧的浏览器中不被支持。