关于css:css-两端对齐

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