html input select等控件寬度對不齊?請使用box-sizing。


今天終於明白為什么表單元素的寬度經常對不齊了,原來是計算的問題。

為元素設置:box-sizing: border-box;,則表明width的寬度為內容本身寬度+padding+border(高度一樣)
為元素設置:box-sizing: content-box;,(默認就是這個),則表明width的寬度就是內容本身的寬度,padding以外的再另算。
而input、select默認的樣式是不同的,所以就造成了width設置的一樣,但就是對不齊。全部設成border-box就省事了。
(IE8及以上版本支持。)

具體請查看文章:http://www.w3cplus.com/content/css3-box-sizing


免責聲明!

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



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