网上查找问题:
text-align: justify; 一行文本不进行处理,还有强制换行的也不处理,只有强制占满了一行才处理两端对齐。
emmmmmmmmmm---------------------
解决办法一:
<p class ="test01">测试两端对齐</p>
<style>
.test01{
text-align: justify;
background: red;
}
.test01:after{
content:"";
display:inline-block;
width:100%;
}
</style>
解决方法二:
<p class="test02">测试两端对齐<span></span></p>
<style>
.test02{
text-align:justify;
background: red;
overflow: hidden;
}
.test02 span{
display:inline-block;
width:100%;
}
</style>