2019獨角獸企業(yè)重金招聘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,為了避免出現(xiàn)這種情況，我使用的方法是在TD里面再嵌套進去一個DIV，設置的padding屬性就設置到這個div上面，那樣就不會出現(xiàn)這種情況了

版權聲明：本文為博主原創(chuàng)文章，未經(jīng)博主允許不得轉(zhuǎn)載。

轉(zhuǎn)載于:https://my.oschina.net/durendong/blog/489860

總結(jié)

以上是生活随笔為你收集整理的firefox ie table 布局 兼容性问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。