按钮中的文字和边缘都是有一段默认距离的：
<input type="submit" value="提交提交提交" /><br /> <button type="submit" value="提交提交提交" >提交提交提交</button>
在ff下这段距离是由padding产生的,可以直接使用padding:0来去除，但是ie下显然不是由此产生的，请看：
<input type="submit" value="提交提交提交" style="text-align:left;" /><br /> <button type="submit" value="提交提交提交" style="text-align:left;" >提交提交提交</button>
并且ie下的这段空隙还是随着文字的增加而增加的。
<input type="submit" value="提交提交" /><br /> <input type="submit" value="提交提交提交" /><br /> <input type="submit" value="提交提交提交提交" /><br /> <input type="submit" value="提交提交提交提交提交" /><br /> <input type="submit" value="提交提交提交提交提交提交" /><br />
那么如何去除ie下的这段空隙呢。 在BI上看见的去除方法：
<input type="submit" value="提交提交提交" style="width:auto;overflow:visible; padding:0 " /><br /> <button type="submit" value="提交提交提交" style="width:auto;overflow:visible; padding:0 ">提交提交提交</button>
width:auto ; overflow:visible; 是写给ie的，
width:auto ; overflow:visible;
padding:0; 是写给ff的。
padding:0;
——-补充——– 发现针对ie的只需用overflow:visible;就可以了。有些纳闷了。。。
标签：button, 空隙 发布在 CSS, Html | 没有评论 »