1.问题代码
在IE6中的显示效果:<!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、7中按钮随着value增多两边留白也随之增加 - 鬼眼邪神 - 鬼眼邪神 IE6、7中按钮随着value增多两边留白也随之增加 - 鬼眼邪神 - 鬼眼邪神](http://img1.ph.126.net/5vdH3SmOLuMPGRs2yrp0uw==/6599277586004744872.png)
当value值增多时
在IE6中的显示效果:<!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、7中按钮随着value增多两边留白也随之增加 - 鬼眼邪神 - 鬼眼邪神 IE6、7中按钮随着value增多两边留白也随之增加 - 鬼眼邪神 - 鬼眼邪神](http://img1.ph.126.net/XP0Qy5ZOXq1rZpj8cSVTuA==/1950903063681995218.png)
在Chrome中的显示效果:
![IE6、7中按钮随着value增多两边留白也随之增加 - 鬼眼邪神 - 鬼眼邪神 IE6、7中按钮随着value增多两边留白也随之增加 - 鬼眼邪神 - 鬼眼邪神](http://img0.ph.126.net/mpdn7X-XdARNp_7z-toTVQ==/6598113203192802459.png)