
//方法一:
text-align-last: justify; //不支持IE浏览器和safari浏览器
//方法二:
.label{
display: inline-block;
width: 70px;
height: 20px; /*高度需要添加,不然文字下面会多出一些空隙*/
text-align: justify;
&::after {
content: "";
display: inline-block;
width: 100%;
}
}
本文介绍了两种方法在CSS中实现文本两端对齐。第一种方法是使用`text-align-last:justify`属性,但该方法不支持IE浏览器和Safari。第二种方法通过创建一个伪元素并设置其宽度为100%,可以实现跨浏览器的文本两端对齐效果。这种方法需要注意添加高度以避免底部出现空隙。
1240

被折叠的 条评论
为什么被折叠?



