Question

为什么XHTML 1.0 Strict显示的行高高于XHTML 1.0 Transitional中相同值的行高？

因此，这会压缩表格单元格中的内容（即Firefox中的Hotmail，IE和Firefox中的Gmail）。有没有其他人遇到过这个问题并且知道解决方法呢？

干杯

下面是每个XHTML类型的示例代码：

过渡：

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td style="line-height:18px;"><font style="line-height:18px; font-size:16px; font-family:Arial, Helvetica, sans-serif;">This cell will be larger in Strict</font></td>
  </tr>
</table>

</body>
</html>

严格的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td style="line-height:18px;"><font style="line-height:18px; font-size:16px; font-family:Arial, Helvetica, sans-serif;">This cell will be larger in Strict</font></td>
  </tr>
</table>
</body>
</html>

Answer 1

@ryano据我所知，目前还没有明确的解决办法，大多数人似乎都在桌面单元上使用margin-top:-2px;修复。

希望有所帮助。

HTML严格增加行高

1 个答案: