模仿一个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 */