在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表格中避免不必要的间距

回答

相关问题