tr 高度和文档类型

Question

我有以下旧版 html 代码。该页面曾经将 DOCTYPE 设置为 4.01 Transitional，但我将其更改为 html 以便正确显示日期选择器和其他 jqueryui 元素，但现在带有登录框的表格以奇怪的高度显示，在所有浏览器上计算为 18px 左右。只是 IE10 以预期的 2px 高度显示它（至少这是以前的 doctype 发生的情况）。

我在这里创建了一个fiddle。我的页面中有额外的 CSS，但正如您在小提琴中看到的那样，它不会影响渲染。

如何使输入字段 tr 之前和之后的两个 tr 使用 html5 doctype 以 2px 高度呈现？为什么我用css强制表格行显示为18px？

<table border="0" cellspacing="0" cellpadding="0" width="100%">
    <tr border="1" >
                <td align="left" rowspan="1" width="100">
            <img src="http://webwork.maa.org/w/images/3/3f/Twitter-logo-50px.png" vspace="10" hspace="10" align="absmiddle" alt="Title" title="Title"/>
        </td>
        <td align="right" valign="top" class="si-blu">
            <font face="Arial, Helvetica, sans-serif">
            Marted&igrave;, 08 Marzo 2016 - 09:45:05&nbsp;
            </font>
        </td></tr>
<tr>
    <td align="right" colspan="2">
        <font face="Calibri" size="-2" color="#dddddd">
&nbsp;<br/></font>
    </td>
</tr>
<tr bgcolor="#184194">
    <td colspan="2"><img src="" width="2" height="2" border="0" alt=""/><br/>
    </td>
</tr>
    <tr bgcolor="#103073" valign="middle">
        <td align="right" colspan="2" height="30">
            <table border="0" cellspacing="0" cellpadding="0">
                <form method="POST" action="index.php">
                    <tr>
                        <td>
                            <div align="right"><font color="#ffffff" face="Arial, Helvetica, sans-serif" size="-1">Login</font>
                                <input class="small" type="text" name="Login"  value="" size="15"/>
                                &nbsp;</div>
                        </td>
                        <td>
                            <div align="right"><font color="#ffffff" face="Arial, Helvetica, sans-serif" size="-1">Password</font>
                                <input class="small" type="password" name="Password" value="" size="15"/>
                                &nbsp;</div>
                        </td>
                        <td>
                            <div align="right">
                                <input type="image" src="images/submit.gif" border="0" width="20" height="10" ALT="Login"  align="bottom"/>&nbsp;
                            </div>
                        </td>
                    </tr>
                </form>
            </table>
        </td>
    </tr>

    <tr bgcolor="#005555">
    <td colspan="2"><img src="" width="2" height="2" border="0" alt=""/><br/></td>
    </tr>
    </table>
    <table bgcolor="#ffffff" width="100%" cellpadding="0" cellspacing="0">
    <tr>
    <td  ><table width="100%" cellpadding="10">
 <tr>
  <td width="10%" valign="top">
     <br>
  </td>
  <td align="center" valign="middle">

   <br>  </td>
 </tr>
</table>

Answer 1

您可以将style="line-height:2px" 添加到那些td 元素。