2012-10-19 240 views
8

我想样式表格如下。如何在表格中只水平设置单元格间距

<table border="1" cellspacing="10"> 
    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td>January</td> 
    <td>$100</td> 
    </tr> 
</table> 

的问题是,CELLSPACING设置单元格之间的空间都horizo​​ntaly和verticaly,我想它只能horizo​​ntaly完成。有没有办法做到这一点。

+0

您可以使用CSS设置填充左侧和填充右侧到您的运输署 –

回答

16

用桌子上的border-spacing CSS属性。浏览器支持相当不错(不包括主要的IE浏览器,包括IE 7)。例如:

table { border-spacing: 10px 0; } 
+0

任何内联版本? –

0

尝试CSS

table td{ 

padding:0px 10px 0px 10px; /* top right bottom left */ 

} 
+0

这对我不起作用。 –

+1

填充位于单元格内。它与单元之间的间隔不同,这就是这个意思。 –

相关问题