omiga

简单就好

不同浏览器对表格边框处理差异

3条评论»

最近一直和表格打交道,发现各浏览器对表格边框的处理不尽相同,以致影响到最终的显示。这一问题主要是Firefox与非Firefox浏览器对表格边框处理上的差异。

可简单地用以下表达式表示(tableWidth为表格的视觉上的实际宽度,width为定义宽度):

FF:tableWidth = width+borderWidth/2

非FF浏览器:tableWidth = width;

测试l链接

FF中可能导致的问题

补充:尽管FF中表格在视觉上的宽度大于定义宽度,但其在文档中的实际宽度仍是最初的定义宽度,故其不会在文档中占用其定义大小外的空间。测试链接

评论(3)

Nower(): #1回复

1/2 算错了吧

omiga(): #2回复

呵呵,不好意思~···borderWidth/2根据实际情况而定,没有说的很清楚~图示足以说明问题~···

silentboy(): #3回复

那应该怎么使他们显示的时候一致性。。

发表评论

  • (必填)
  • (该信息不会公开)(必填)

全屏