.justify { text-align: justify width:200px font-size:15px color:red border:1px solid blue height:18px}
.justify > span { display: inline-block /* Opera */ padding-left: 100% }
</style>
<div class="justify">hello,text justify.</div><br/>
<div class="justify">hello,text justify.<span></span></div><br/>
<div class="justify">中文两端对齐</div><br/>
<div class="justify">中文两端对齐<span></span></div>
label默认为内联元素，元素前后没有换行符，并且不可以设置宽度。
如果要为label设置宽度，则需要改变label的display属性，使其变为一个块级元素。
方法如下：
1.增加inline-block属性值，将label标签变为行内块元素（css2.1新增）
label{display:inline-block}2.增加width属性，如将宽度设置为100px
label{width:100pxdisplay:inline-block}3.添加好后页面上所有的label标签会变为100px
先看看等分的布局方案
1. float
兼容性较好（IE 8以上）
**2. flex **
兼容性较差（flex属于css3）
兼容性：IE8及以上
3. table
兼容性：可以兼容 IE 8
1. table
利用 table 的特性——每列等宽
2. flex
3. float
伪等高（只有背景显示高度相等），左右真实的高度其实不相等。 兼容性较好。
