input与select在不同浏览器上的宽度显示不同
来源:互联网 发布:知乎广告合作 编辑:程序博客网 时间:2024/06/06 13:08
select的css width样式,包含边框和内边距,即:真实的width=CSS width。
而input的css width样式,则不包含边框和内间距,真实的width=CSS width border padding。
解决的方法:
设置select的CSS width=input 的CSS width border padding
看下面的例子
<style type="text/css">
*{margin:0;padding:0;}
div{margin-bottom:1px;}
.input1{width:98px;border:1px solid #0000FF;}
.select1{width:100px;border:1px solid #0000FF;padding:1px;}/*select样式width已包含border、padding,而input的width不包含border、padding*/
.input2{width:96px;}
.select2{width:100px;padding:1px;}
<div><input class="input1" type="text" /></div>
<div>
<select class="select1">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<div><input class="input2" type="text" /></div>
<div>
<select class="select2">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
- input与select在不同浏览器上的宽度显示不同
- input与select在不同浏览器上的宽度显示不同
- 不同浏览器上input与select宽度显示不同的本质原因
- 解决Input与Select设置CSS宽度相同时显示宽度不同的解决!
- input框在不同浏览器下面显示不同的结构问题
- CSS在不同浏览器上的兼容问题
- CSS在不同浏览器上的兼容问题
- 在不同浏览器中获取File Input的路径
- 在不同浏览器input密码的提示文字
- input file 在不同浏览器中的呈现
- 不同浏览器空格宽度不一样的解决方法
- input、select、textarea兼容不同浏览器样式统一
- input、select、textarea兼容不同浏览器样式统一
- input点击后,显示DIV,不同的top,会出现在不同的位置解决办法
- 不同显卡下的vtkLineSource显示宽度不同
- java 导出文件在不同的浏览器上名称乱码
- 如何解决css样式表在不同浏览器中显示效果不同的问题
- 如何解决css样式表在不同浏览器中显示效果不同的问题
- PHP技巧:解决PHP相对目录问题最有效的办法
- C++在多重继承中调用虚函数
- hbase shell基础和常用命令详解
- 微信/易信公共平台开发(四):公众号调试器 (仿真微信平台,提供PHP源码)
- android 判断activity是否在最上层
- input与select在不同浏览器上的宽度显示不同
- Ubuntu 环境变量文件介绍
- C++纯虚函数与抽象类
- powerdesigner 设置自动增长列(identity),和默认值
- javascript注入
- JBoss 系列四十五:jBPM5示例之 Global Variable
- 登陆mysql后,如何查看当前用户
- 经验分享:浮动条的细节思考
- Android 中如何关闭线程