您的位置：首页 > 产品设计 > UI/UE

IE6、7中按钮随着value增多两边留白也随之增加

2015-05-10 17:37 344 查看
#cyg h2{font-size:16px;font-weight:bold;}

1.问题代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IE6、7中按钮随着value增多两边留白也随之增加</title>
<meta name="author" content="鬼眼邪神"/>
</head>
<body>
<input type="button" name="" value="按钮1"/>
<button type="button" id="">按钮1</button>
</body>
</html>
在IE6中的显示效果：

当value值增多时
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IE6、7中按钮随着value增多两边留白也随之增加</title>
<meta name="author" content="鬼眼邪神"/>
</head>
<body>
<input type="button" name="" value="按钮123456789"/>
<button type="button" id="">按钮123456789</button>
</body>
</html>
在IE6中的显示效果：

在Chrome中的显示效果：

2.解决方法

设置input,button{overflow:hidden;}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航