模仿一个 div 两端对齐的状况:
<div class="box"> 两端对齐 </div>
.box {
width: 200px;
height: 36px;
line-height: 36px;
margin: 20px auto;
background: #eee;
text-align: justify;
-webkit-text-align: justify;
text-align-last: justify;/* ie9*/
-webkit-text-align-last: justify;/*chrome 20+*/
text-justify: distribute; /* firefox */
}
成果:
总结:
text-align: justify;
-webkit-text-align: justify;
text-align-last: justify;/* ie9*/
-webkit-text-align-last: justify;/*chrome 20+*/
text-justify: distribute; /* firefox */