小编kra*_*ert的帖子

我正在尝试创建一个术语定义对的定义列表,每个对都存在于一条单独的行上.我试过制作dts和dds display:inline,但后来我失去了对之间的换行符.如何确保每对都有一条线(而不是每个单独的术语/定义)？

例:

<dl>
<dt>Term 1</dt><dd>Def 1</dd>
<dt>Term 2</dt><dd>Def 2</dd>
</dl>

收益:

Term 1 Def 1
Term 2 Def 2

使它们内联的CSS将是:

dt,dd{display:inline;}

收益:

Term 1 Def 1 Term 2 Def 2

...这不是我想要的(缺少对之间的换行符).

我有以下结构:

<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 |
+---+---+

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