HTML严格增加行高

Rya*_*ano 5 html css email xhtml-1.0-strict xhtml-transitional

为什么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>
Run Code Online (Sandbox Code Playgroud)

严格:

<!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>
Run Code Online (Sandbox Code Playgroud)

Bar*_*der 0

@ryano 据我所知,对此没有明确的修复方法,大多数人似乎都在margin-top:-2px;对表格单元格本身进行修复。

希望有帮助。