1、容器内子元素分散对齐
准备一段html
<ul>
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
css样式
ul{
text-align: justify;
}
li{
display: inline-block;
list-style: none;
}
ul:after {
content: "";
display: inline-block;
position: relative;
width: 100%;
}
效果
2、容器内文字分散对齐
span{
text-align:justify;
text-justify:distribute-all-lines;
text-align-last:justify;
}