label和span标签设置宽度width无效的解决办法

xiaoxiao2021-02-28  103

如何用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://www.6miu.com/read-58572.html

最新回复(0)