如何用CSS使label标签等宽？

html-css0239

如何用CSS使label标签等宽？,第1张

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

<style>

.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>

解决的方式就是使用下面的属性

font-family: '宋体'将 Safari 的默认字体设置成“宋体”等中英文等宽的字体，就能解决。Windows 版本的 Safari 字体设置，需要直接使用中文“宋体”这样的名称而不是“Simsun”！