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

html input select等控件宽度对不齐?请使用box-sizing。,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。