如何用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