显示前一个单元格下方

Question

我有以下结构:

<table>
    <tr>
        <td>a</td>
        <td>b</td>
        <td>c</td>
    </tr>
    <tr>
        <td>x</td>
        <td>y</td>
        <td>z</td>
    </tr>
</table>

并且,使用CSS,我想看到以下结果(没有可见边框):

+---+---+
| a | b |
|   | c |
+---+---+
| x | y |
|   | z |
+---+---+

详细阐述我的动机:该表是工作历史的概述,列是期间,职位和雇主.为了便于阅读,我想把雇主置于职位之下.

Answer 1

根据kapa的回答，我得出了以下工作解决方案：

td {
    vertical-align: top;
}
td.above, td.above + td {
    display: block;
}

对于 HTML：

<tr>
    <td>a</td>
    <td class="above">b</td>
    <td>c</td>
</tr>
<tr>
    <td>x</td>
    <td class="above">y</td>
    <td>z</td>
</tr>

请参阅jsfiddle.net/pjhmU/9。