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

firefox ie table 布局兼容性问题相关推荐

css Table布局：基于display:table的CSS布局
两种类型的表格布局你有两种方式使用表格布局 -HTML Table(<table>标签)和CSS Table(display:table 等相关属性). HTML Table是指使用原生 ...
EasyTable.js，令html的table布局变得非常简单！
过年之前由于工作的需要,我花了一周的时间开发了一个纯js的网页插件,EasyTable.js.顾名思义,这个插件就是用来处理html里面的table的各种情况的.很多网站不喜欢使用table布局,因为 ...
div+css与table布局
1:速度和加载方式方面的区别 div 的加载方式是即读即加载,遇到 <div> 没有遇到 </div> 的时候一样加载 div 中的内容,读多少加载多少:table 的加载方式 ...
css之前端5种布局方式之table布局、float布局、absolute布局、flexbox布局、grid布局
1.表格布局(不推荐) 父级容器为display:table 表格子级容器为display:table-cell 一个单元格特点:在没有特别设置的情况下,子级是自动平分宽度并填满父级的. tabl ...
输入检测的诡异问题--firefox和ie的兼容性
最近被firefox和ie的兼容性搞的很不爽,因为以前没做过firefox下的东东,都是做出产品来,然后告诉客户说你必须用***浏览器,否则不支持....呵呵,现在客户是上帝了,必须考虑各种情况. 今 ...
2017-12-04HTML table布局
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
[css] 你有用过table布局吗？说说你的感受
[css] 你有用过table布局吗?说说你的感受用来做列表排版还是很不错的,但是要想用的好,还是要对table有比较多的了解. 比如实现表头固定,表内容超出滚动的效果等个人简介我是歌谣,欢迎和 ...
html网页 table布局实例,HTML用Table表格对网页布局
HTML是用于开发网页的"超文本标记语言",今天我们一起来学习一下HTML+CSS网页布局中Table布局方式. 常见的网页布局用CSS而言一般有经典行布局.经典列布局.双飞翼布局 ...
html中表格布局还是div布局,Table布局 VS Div+CSS布局，选哪个？
Table布局和 Div+CSS布局的争论,过了7-8年了,今天看到一篇文章<为什么我们不建议用Table布局>,又想发表下自己的见解,供初学 <为什么我们不建议用Table布局& ...

firefox ie table 布局兼容性问题

firefox ie table 布局兼容性问题相关推荐

最新文章

热门文章

firefox ie table 布局 兼容性问题

firefox ie table 布局 兼容性问题相关推荐

最新文章

热门文章

firefox ie table 布局兼容性问题

firefox ie table 布局兼容性问题相关推荐