如何用CSS使label标签等宽?
<div><label>密码</label><input type="password" /></div>
<div><label>确认密码</label><input type="password" /></div>
如何对齐呢?加空格的方法不好哦。(因为label中的字数不一样,所以页面显示效果不对齐)
问题原因及解决办法:
label默认为内联元素,元素前后没有换行符,并且不可以设置宽度。
如果要为label设置宽度,则需要改变label的display属性,使其变为一个块级元素。
方法如下:
1.增加inline-block属性值,将label标签变为行内块元素(css2.1新增)
{display:inline-block;}
2.增加width属性,如将宽度设置为100px
label{width:100px;display:inline-block;}
3.添加好后页面上所有的label标签会变为100px
---------------------
转载自:https://blog.csdn.net/dyr_1203/article/details/74942828