1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > firefox ie table 布局 兼容性问题

firefox ie table 布局 兼容性问题

时间:2020-07-08 04:32:30

相关推荐

firefox ie table 布局 兼容性问题

独角兽企业重金招聘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上面,那样就不会出现这种情况了

版权声明:本文为博主原创文章,未经博主允许。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。