在 IE9 中使用 IE7 标准模式时,空表格单元格的高度为 1px。这会导致表格下方的元素在页面上显示得比它们应有的位置低。我使用以下代码为此创建了一个 JSFiddle:http://jsfiddle.net/Zr7T2/3/
有没有办法在 IE7 标准模式下使空表格单元格的高度为 0px?
我需要用 HTML/CSS 解决这个问题,而不是 JS。简单地删除空单元格不是一种选择。谢谢!
<!-- DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IE7 empty cell bug?</title>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
<tr><td /></tr>
</tbody>
</table>
This text should be at the top of the page. It isn't when running in IE9 with IE7 standards mode turned on.
</body>
</html>
最佳答案
将单元格高度明确设置为零:
td { height: 0; }
关于html - 在 IE7 标准模式下,空白表格单元格的高度为 1px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12502716/