HTML表格需要列之间的间距，而不是行

我有一个HTML表格。我需要在表列之间有间距，但不是表格行。HTML表格需要列之间的间距，而不是行

如果我使用cellspacing css属性，它会在行和列之间执行此操作。我也不能在我的工作中使用css。我需要使用纯HTML

来源

2012-08-03 Nate Pet

这是否离开了联样式？ – 2012-08-03 18:06:43

在其中添加一个额外的td（）？ – rene 2012-08-03 18:07:22

如果可以使用内联样式，则可以在每个td上设置左侧和右侧填充。或者在列之间使用额外的td，并将许多非空白空格设置为@rene善意地建议。

http://jsfiddle.net/u5mN4/

http://jsfiddle.net/u5mN4/1/

两者都是非常难看，P CSS FTW

来源

2012-08-03 18:12:09

我推荐内联css，空白''对于使用辅助技术的人来说会很麻烦 – 2012-08-03 18:20:51

我也是，我只是把空白'td'放在那里，以防万一不是这个选项。 – 2012-08-03 18:26:55

<table cellpadding="pixels"cellspacing="pixels"></table> 
<td align="position"valign="position"></td>

cellpadding = “长度以像素” 〜的CELLPADDING属性，在<table>标签使用时，指定了多少空白区域显示在每个表格单元的内容与其各自的边界之间。该值被定义为以像素为单位的长度。因此，cellpadding="10"属性值对将在该表格中的每个单元格的内容的所有四个边上显示10个像素的空白区域。

cellspacing =“以像素为单位的长度”〜也用于<table>标记中的cellspacing属性定义了要在相邻表格单元格之间以及表格单元格和表格边框之间显示多少空白区域。该值被定义为以像素为单位的长度。因此，cellspacing="10"属性值对将水平和垂直分隔各个表中相邻单元格的长度为10个像素。它还会将所有四边的所有单元格从10个像素的长度上偏移。

来源

2013-07-09 10:00:20 divya

注意：它似乎也可以在TABLE标签上使用内联CSS。

在右边距上提供20个像素的填充。 – Jeff2015-11-11 21:47:31

更好的方法是使用碎纸机的CSS规则：填充：0 15px的0 15px的改为只内联CSS，定义适用于所有TDS一个CSS规则。在您的网页使用样式标签做到这一点：

<style type="text/css"> 
td 
{ 
    padding:0 15px 0 15px; 
} 
</style>

或给表一类像“paddingBetweenCols”，并在该网站的CSS使用

.paddingBetweenCols td 
{ 
    padding:0 15px 0 15px; 
}

该网站的CSS方法定义中心规则可以被所有页面重复使用。

如果您要使用站点css方法，最好定义类似上面的类，并将填充应用于类...除非您希望整个站点上的所有td都应用相同的规则。

Fiddle for using style tag

Fiddle for using site css

注意，如果你

来源

2015-03-24 19:22:29 user2258403

HTML表格需要列之间的间距，而不是行

回答

相关问题