tr高度和文檔類型

Question

我有以下遺留html代碼。所使用的頁面有DOCTYPE設置爲4.01過渡，但我把它才能正常顯示datepickers等jQueryUI的元素改爲HTML但現在登錄框的表將顯示一個奇怪的高度，這是在所有瀏覽器計算大約18px。只是IE10顯示它與預期（至少這是以前的文檔類型發生了什麼）2px高度。

我在這裏創建了一個fiddle。我的頁面中有額外的CSS，但是您可以在小提琴中看到它不影響渲染。

我怎樣才能讓兩個TR，前後輸入字段TR後，呈現在2px的高度與HTML5的doctype？爲什麼表格行顯示爲18px，即使我用css強制爲2px？

<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

您可以爲這些td元素添加style="line-height:2px"。