在html表格中避免不必要的間距

在我的jsp項目中，我使用表格來排序我的值。有很多垂直空間被浪費在行中，我怎樣才能避免它？我試圖設置填充，邊距等爲0px。仍有空間即將到來。我正在使用dream weaver進行設計。在html表格中避免不必要的間距

<table width="742" cellpadding="0" cellspacing="0" vspace="0"> 

     <tr onmouseover='over(1)' onmouseout='out()'> 
      <td width="113"><h4>F Name 1</h4></td> 
      <td width="126"><h4>L Name 1</h4></td> 
      <td width="61"><h4>Age 1</h4></td> 
      <td width="111"><h4>Gender 1</h4></td> 
      <td width="304"><h4>Address 1</h4></td> 
     </tr> 

     <tr onmouseover='over(2)' onmouseout='out()'> 
      <td ><h4>F Name 2</h4></td> 
      <td><h4>L Name 2</h4></td> 
      <td><h4>Age 2</h4></td> 
      <td><h4>Gender 2</h4></td> 
      <td><h4>Address 2</h4></td> 
     </tr> 

     <tr onmouseover='over(3)' onmouseout='out()'> 
      <td><h4>F Name 3</h4></td> 
      <td><h4>L Name 3</h4></td> 
      <td><h4>Age 3</h4></td> 
      <td><h4>Gender 3</h4></td> 
      <td><h4>Address 3</h4></td> 
     </tr> 
       </table>

來源

2011-12-12 Sarin Jacob Sunny

只要停止使用'到處h4'。這些值不是標題。 – Alohci

使用[reset css]（http://meyerweb.com/eric/tools/css/reset/） – anglimasS

在CSS：

h4 { margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; } 
table td { margin: 0; padding: 0; }

對於那些有興趣，Mozilla describes border-collapse深入。在此示例的上下文中：

在摺疊邊框模型中，相鄰表格單元共享邊框。在那個模型中，插圖的邊框樣式的行爲像凹槽一樣，並且起始像脊一樣。

來源

2011-12-12 08:04:45

請解釋使用 border-collapse：摺疊 –

編輯說明這一點。 –

您還需要刪除h4標籤的默認邊距。

h4 { margin:0;}

所有H（h1-h5）標籤都有內置邊距。

來源

2011-12-12 07:45:47 Scott

你試過在CSS中設置這個東西嗎？

<style type="text/css"> 
.mytable, .mytable td { 
    width: 742px; 
    padding: 0; 
    margin: 0; 
} 
H4 { 
    padding: 0; 
    margin: 0; 
} 
</style> 
<table class="mytable"> 

     <tr onmouseover='over(1)' onmouseout='out()'> 
      <td width="113"><h4>F Name 1</h4></td> 
      <td width="126"><h4>L Name 1</h4></td> 
      <td width="61"><h4>Age 1</h4></td> 
      <td width="111"><h4>Gender 1</h4></td> 
      <td width="304"><h4>Address 1</h4></td> 
     </tr> 
...

此外，你可以處理你的TD寬度和內容格式在CSS中，它會清理你的HTML很多。

來源

2011-12-12 07:47:39 ghoti

存在對標題標記H1 -H6 放餘量= 0 實施例 H4一些默認餘量餘量{：0;}

來源

2012-02-02 12:09:38

在html表格中避免不必要的間距

回答

相關問題