HTML Table在一行的底部添加空格。 [HTML]

我一直在使用這張表，現在一下子突然中斷了。我有我的文件中的CSS，但無論出於何種原因，它現在在表格圖像發佈之後在表格行的底部添加空行。它甚至可以在沒有CSS的同一張表上執行此操作。我嘗試過桌高，間距，作品。我無法弄清楚爲什麼這裏有一個空白的行。我很抱歉，如果它證明我是一個愚蠢的修復程序，我已經搜索並嘗試了很多修復程序。HTML Table在一行的底部添加空格。 [HTML]

HERE IS AN EXAMPLE

<table border="1"> 
     <tr> 
     <td></td> 

     <td> 
      <form action="" method="post"> 
      <div> 
       <input type="hidden" name="id" value="" /> 
       <input type="hidden" name="d" value="1" /> 
       <input type="image" src="../resources/img/direction/up_arrow.png" alt="Up" width="62" height="62" /> 
      </div> 
      </form> 
     </td> 

     <td></td> 
     </tr> 

     <tr> 
     <td> 
      <form action="" method="post"> 
      <div> 
       <input type="hidden" name="id" value="" /> 
       <input type="hidden" name="d" value="2" /> 
       <input type="image" src="../resources/img/direction/left_arrow.png" alt="Left" width="62" height="62" /> 
      </div> 
      </form> 
     </td> 

     <td> 
      <form action="" method="post"> 
      <div> 
       <input type="hidden" name="id" value="" /> 
       <input type="hidden" name="r" value="1" /> 
       <input type="image" src="../resources/img/direction/rest_button.png" alt="Rest" width="62" height="62" /> 
      </div> 
      </form> 
     </td> 

     <td> 
      <form action="" method="post"> 
      <div> 
       <input type="hidden" name="id" value="" /> 
       <input type="hidden" name="d" value="3" /> 
       <input type="image" src="../resources/img/direction/right_arrow.png" alt="Right" width="62" height="62" /> 
      </div> 
      </form> 
     </td> 
     </tr> 

     <tr> 
     <td></td> 

     <td> 
      <form action="" method="post"> 
      <div> 
       <input type="hidden" name="id" value="" /> 
       <input type="hidden" name="d" value="4" /> 
       <input type="image" src="../resources/img/direction/down_arrow.png" alt="Down" width="62" height="62" /> 
      </div> 
      </form> 
     </td> 

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

來源

2012-03-08 John Ayers

你的代碼是否自行破解，或者你的意思是在特定的瀏覽器中？ – 2012-03-08 07:35:54

td的form s有一定的餘量。添加以下css：

form { 
    margin: 0; 
}

要防止更多此類行爲，您應該包括改爲normalize.css。

來源

2012-03-08 07:37:19 scessor

謝謝你的幫助，我把頭髮拉出來。我也使用這個技巧，謝謝！ – 2012-03-08 08:04:30

這個CSS是什麼將解決你的問題：

form {margin:0;padding:0}

額外的空間已基本從表單來的。你可能從css中刪除了一些舊代碼，這就是爲什麼它突然崩潰。

來源

2012-03-08 07:36:43

你最有可能的權利，我可能做了某個地方。 – 2012-03-08 08:04:50

HTML Table在一行的底部添加空格。 [HTML]

回答

相關問題