CSS实现文本向两端对齐的方法

实现方法如下：

.test1 {
      text-align:justify;
      text-justify:distribute-all-lines;/*ie6-8*/
      text-align-last:justify;/* ie9*/
      -moz-text-align-last:justify;/*ff*/
      -webkit-text-align-last:justify;/*chrome 20+*/
  }
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
    .test1:after{
        content:".";
        display: inline-block;
        width:100%;
        overflow:hidden;
        height:0;
    }
}

效果如下：

4.png