如何仅将水平单元格间距应用于HTML表格?

23 html html-table

我最近发现我需要在表格中使用cellspacing属性,但我想知道我是否可以让它只能水平工作.我不希望它垂直展开,这会弄乱我整个页面的布局.

小智 40

比设置更好的方法cellspacing="10"是使用CSS.您可以使用以下CSS来定位表的单元格间距.

table {
  border-spacing: 10px 0;
}
Run Code Online (Sandbox Code Playgroud)

第一个值指定水平间距,第二个值指定垂直间距.

  • 你还需要添加`border-collapse:separate;`来实现这一点 (6认同)
  • 这在 Chrome 中对我不起作用。此处描述的透明边框确实如此:http://stackoverflow.com/questions/656207/css-horizo​​ntal-table-cell-spacing-how (2认同)