两端对齐,有时候不起作用,不知道为啥,但是网上的方案是在标签后面加一个空白的标签,然后再设置样式
我这里用less做了一下“封装”
// 两端对齐
.text-justify () {
text-align: justify;
&:after {
content: " ";
display: inline-block;
width: 100%;
}
}
如果各位朋友没接触过less,可以写成css(其实最后Less也是编译成这样的)
.text-justify {
text-align: justify;
}
.text-justify:after {
content: " ";
display: inline-block;
width: 100%;
}
例子
<p class=".text-justify">这里要两端对齐的</p>
直接把样式应用上就好了;有时候你的after被占用了,就只能自己手动加标签了,
比如:
<p class=".text-justify">这里要两端对齐的<i></i></p>
然后你的样式
.text-justify {
text-align: justify;
}
.text-justify i {
content: " ";
display: inline-block;
width: 100%;
}