firefox ie table 布局 兼容性问题

2019独角兽企业重金招聘Python工程师标准>>>

最近在做一个表格控件，使用的布局方式是table布局，因为需求上要求表格的文本不能离边框太近，需要有5px的间隔，于是我很自然的就写成了这样

td{
padding-left:5px;
padding-right:5px;
}

在IE9里面很正常，但是在firefox里面TD布局就出问题了，因为TD的width属性在firefox里面是不计算间隔宽度的，也就是说我们设置的只是td的宽度，在firefox里面还要加上padding属性的宽度，如果像我这样写的话，设置width：200px，那实际看到的td的width = 200+ 5 + 5,为了避免出现这种情况，我使用的方法是在TD里面再嵌套进去一个DIV，设置的padding属性就设置到这个div上面，那样就不会出现这种情况了

版权声明：本文为博主原创文章，未经博主允许不得转载。

转载于:https://my.oschina.net/durendong/blog/489860