.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