但比较坑的是 text-align:justify 只对多行文本生效,一行文本是不生效的。
text-align 还有一个 justify-all,和 justify 一致,但是强制使最后一行两端对齐。
<div class="unable"> <span>CommandNotFound</span> <span>发音</span> <span>坑否</span> <span>技术,避免遇坑</span> </div> <br> <div class="able"> <span>CommandNotFound</span> <span>发音</span> <span>坑否</span> <span>技术,避免遇坑</span> </div>
.unable span,.able span{
display: block;
text-align:justify;
height: 20px;
width: 150px;
}
.able span:after {
content:'';
width: 100%;
display: inline-block;
height: 0;
}