浏览器的TD高度不同?

时间:2014-07-28 11:42:03

标签: html cross-browser html-table

我一直试图让SVG元素填充表格单元格中的可用空间。在Google Chrome中,表格单元格的高度等于其包含行中最高表格单元格的内容高度。但是在Internet Explorer中,表格单元格的高度只是占用了自己内容的高度,而不考虑同一行中较高的兄弟姐妹。 Chrome和Internet Explorer的表格单元格看起来相同(即它们整齐平方),但底层高度属性在Chrome中实际上是相同的。

有人知道这是否是Internet Explorer中的错误?

我们将非常感激地提供任何帮助。

2 个答案:

答案 0 :(得分:2)

尝试在css文件reset.css

的顶部添加reset.css

您也可以尝试使用css文件normalize.css

顶部的normalize.css

可能会帮助你!!

答案 1 :(得分:0)

如果在css中设置TD的高度时确实尝试添加!important 例如:

td{
height:150px !important;
}

这可以防止对值的任何覆盖(即使是浏览器)