css 两端对齐justify

css 布局 

  position,float，text-align，display

两端对齐 text-align:justify  

   .不解决一行文本的问题

.parent{ 

    width:100%;

    height:54px;

    text-align:justify;

}

.children{

   display:inline-block;

}

.parent:after{
    content:'';
    width: 100%;
    height: 0;
    overflow: hidden;   
    margin: 0;
    display: inline-block;
}