label和span標簽設置寬度width無效的解決辦法


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM