html input select等控件宽度对不齐?请使用box-sizing。
2014-02-26 17:26
316 查看
今天终于明白为什么表单元素的宽度经常对不齐了,原来是计算的问题。
具体请查看文章:/article/1214983.html
为元素设置:box-sizing: border-box;,则表明width的宽度为内容本身宽度+padding+border(高度一样)
为元素设置:box-sizing: content-box;,(默认就是这个),则表明width的宽度就是内容本身的宽度,padding以外的再另算。 而input、select默认的样式是不同的,所以就造成了width设置的一样,但就是对不齐。全部设成border-box就省事了。
(IE8及以上版本支持。)
具体请查看文章:/article/1214983.html
相关文章推荐
- input元素有padding间距,所以使用box-sizing来保持宽度不超出父元素
- html<select>控件使用体会
- 如何指定html中select控件的宽度?
- 使用 HtmlInputHidden 控件在JavaScript 与C#传值 本页面保持状态和跨页面传值
- 使用html input(file)控件上传文件
- 使用HtmlInputHidden 控件在本页面保持状态和跨页面传值
- 使用了母版页的内容页中,如何在JavaScript中调用Html Input(Hidden)控件
- Html input file控件使用accept过滤 限制的文件类型
- Html input file控件使用accept过滤 限制的文件类型
- 使用 HtmlInputHidden 控件在本页面保持状态和跨页面传值
- 使用Javascript完成文件操作、添加新项到HTML控件SELECT中、读取SELECT控件中的选定项
- ASP.NET 2.0之HtmlInputFile控件使用小结
- 使用 HtmlInputHidden 控件在本页面保持状态和跨页面传值
- 使用 HtmlInputHidden 控件在本页面保持状态和跨页面传值
- asp.net 服务器控件使用HTML(input)元素属性
- 使用HtmlInputHidden 控件在本页面保持状态和跨页面传值
- 使用box-sizing让拥有padding属性的元素不超出想要的宽度
- 使用 HtmlInputHidden 控件在本页面保持状态和跨页面传值
- 使用 HtmlInputHidden 控件在本页面保持状态和跨页面传值
- 使用bootstrap-multiselect.js实现Input多选功能