新闻资讯

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻资讯列表

CSS实现文字两端对齐,css两端文字中间横线

发布时间:2023-09-20 08:03:53

CSS实现文字两端对齐

CSS实现文字两端对齐可使用text-align-last属性。
text-align-last属性定义了当一行文本被分割成多个行框时,如何对齐最后一行的文本。默许值为auto,表示依照文本的默许对齐方式对齐。
要实现文字两端对齐,可以将text-align-last设为justify。这样最后一行的文本会被两端对齐,实现了文字两端对齐的效果。
例如:
```css
.text-justify {
text-align: justify;
text-align-last: justify;
}
```
然后在需要实现文字两端对齐的元素上添加该类名:
```html

这是一段需要两端对齐的文字。


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