Question

如何用CSS使label标签等宽？

<div><label>密码</label><input type="password" /></div>
<div><label>确认密码</label><input type="password" /></div>
如何对齐呢？加空格的方法不好哦。

Answer 1

label默认为内联元素，元素前后没有换行符，并且不可以设置宽度。

如果要为label设置宽度，则需要改变label的display属性，使其变为一个块级元素。

方法如下：

1.增加inline-block属性值，将label标签变为行内块元素（css2.1新增）

label{display:inline-block;}

2.增加width属性，如将宽度设置为100px

label{width:100px;display:inline-block;}

3.添加好后页面上所有的label标签会变为100px

Answer 2

设置label的宽度

Answer 3

<div><label style="margin-left:32px;">密码</label><input type="password" /></div>
<div><label>确认密码</label><input type="password" /></div>