html - css 在不使用另一个表的情况下以不同方式对齐表行

Question

有什么方法可以不对齐表格单元格吗？我希望我的标题位于具有类似内容的表格之间

-------------
| | A | B | |
-------------
|   |   |   |
-------------
|   |   |   |
-------------

无论如何要做到这一点而不使用两个表或使用 div 而不是表？

我在 fiddle 上尝试了一些东西，但它不起作用，第一个表是我想要的样子，但没有使用两个表 http://jsfiddle.net/nA3DL/

提前致谢

Answer 1

您可以在标题上设置相对位置，并将它们向左移动:

table.test th{
    width:100px;
    position: relative;
    left: -50px;
}
table.test th.half{
    visibility: hidden;
}

fiddle