您现在的位置是：网站首页> 编程资料编程资料
input 按钮显示差异的解决方法_CSS教程_CSS_网页制作_
2023-11-01
438人已围观
简介 请在各浏览器里查看以下input的显示效果！ 解决后显示效果！ 具体代码 .button{ margin:0; padding:0 0.25em; width:auto; *width:1;/*宽度不带单位我是第一次见，不知道其作用！- -!*/ overflow:visible; } 还有一个问题就是input的文字垂直居中问题，这里引用一
请在各浏览器里查看以下input的显示效果！
解决后显示效果！
具体代码
.button{
margin:0;
padding:0 0.25em;
width:auto;
*width:1;/*宽度不带单位我是第一次见，不知道其作用！- -!*/
overflow:visible;
}
还有一个问题就是input的文字垂直居中问题，这里引用一下！ fedcn
默认情况下，在IE6/7下，按钮中的文本居中的不是很精确，需要调整，而在IE8 Beta2下，按钮中的文字位置貌似是固定不变的。
经过反复测试，发现对按钮设置适当的行高值就可以解决， 其中在IE6/8下， line-height = height - 8 ，对IE7 单独设置 line-height = hegiht - 4
解决后显示效果！
具体代码
.button{
margin:0;
padding:0 0.25em;
width:auto;
*width:1;/*宽度不带单位我是第一次见，不知道其作用！- -!*/
overflow:visible;
}
还有一个问题就是input的文字垂直居中问题，这里引用一下！ fedcn
默认情况下，在IE6/7下，按钮中的文本居中的不是很精确，需要调整，而在IE8 Beta2下，按钮中的文字位置貌似是固定不变的。
经过反复测试，发现对按钮设置适当的行高值就可以解决， 其中在IE6/8下， line-height = height - 8 ，对IE7 单独设置 line-height = hegiht - 4
相关内容
- 雷霆战机无尽模式宝箱掉落规律分析 教你快速获得装备_手机游戏_游戏攻略_
- 天天酷跑佩德罗和珠儿那个比较好_佩德罗和珠儿属性对比_手机游戏_游戏攻略_
- 腾讯版雷霆战机尖峰终极装备搭配攻略_手机游戏_游戏攻略_
- 腾讯版雷霆战机异形最终装备搭配攻略_手机游戏_游戏攻略_
- 腾讯版雷霆战机幻影最终装备搭配攻略_手机游戏_游戏攻略_
- 腾讯版雷霆战机凤凰最终装备搭配攻略_手机游戏_游戏攻略_
- 天天酷跑之黑车娜娜轻松经典破万米视频教程推荐_手机游戏_游戏攻略_
- 天天酷跑里约大冒险进击版最新亮点详细介绍_手机游戏_游戏攻略_
- 腾讯版雷霆战机新手进阶攻略 教你如何玩好雷霆战机_手机游戏_游戏攻略_
- 天天飞车车神降临奖励介绍说明_手机游戏_游戏攻略_
