添加表列分隔线而不会扭曲列数据？

Question

有没有一种简单的方法可以在HTML表格列之间创建垂直分隔线？我想添加粗条,但我看到这样做的唯一好方法是扭曲表数据添加TD.

有没有办法只使用jQuery + CSS在表的列之间添加垂直分隔符？

我的表结构非常简单.

<table>
<thead><tr><th>...</tr></thead>
<tbody><tr>...</tr>...</tbody>
</table>

Answer 1

你要搜索的是标签的一个属性,它被称为规则:http: //www.htmlcodetutorial.com/tables/_TABLE_RULES.html

<table rules="cols">
  <thead><tr><th>...</tr></thead>
  <tbody><tr>...</tr>...</tbody>
</table>

您可以使用css边框属性设置样式.但是在每个单元格上使用边框的优点是它不会在表格的右侧(或实际的最后一个单元格)添加边框,因此您不必在最后一个单元格中添加特殊类别覆盖边界.

编辑:如果您不想在整个表格周围(或不是第一个/最后一列的左/右)边框,请将属性border ="0"添加到标记.