Question

我正在尝试在定义列表中添加一个中断，但它说它不允许作为dl中的子元素。如何在不使用HTML的情况下放弃休息？

<dl>
  <dt>Activities</dt>
  <dd>- Trekking</dd>
  <dd>- Rappelling</dd>
  <dd>- Kayaking</dd>
  <dd>- Rock Climbing</dd>
  <dd>- Cycling</dd>
  <dt>Hobbies</dt>
  <dd>- Dancing</dd>
  <dd>- Listening to Music</dd>
  <dd>- Reading Novels</dd>
  <dd>- Android Programming</dd>
</dl>

我的CSS代码：

dl {
  margin-top: 0;
  margin-bottom: 21px;
}
dt, dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}

Answer 1

您可以将它放在您希望休息的群组中最后一个<dd>的末尾。

或者，如果您真的想要单独的定义组，也许您只想将单个列表分成几个。

Answer 2

你可能不会在dl中使用br，但你可以在dt和dd中使用它。像这样：

<dl>
  <dt>Hot<br />Coffee</dt>
  <dd>Black hot<br />drink</dd>
  <dt>Milk</dt>
  <dd>White cold drink<br /></dd>
</dl>

Answer 3

<br>不是<dl>的有效孩子。您可以通过将其放在<dd>：

中来添加定义列表中的中断

<dl>
    <dt>Term</dt>
    <dd>Multi<br />Line</br Definition</dd>
</dl>

或者，如果您正在寻找分隔术语/列表元素的方法，可以将CSS边距添加到定义术语中：

<dl>
    <dt>Term1</dt>
    <dd>Definition 1</dd>
    <dt>Term 2</dt>
    <dd>Definition 2</dd>
</dl>
<style>
    dt {
        margin-top: 10px;
    }
</style>

如何在HTML </dl>中的<dl>中添加换行符

3 个答案: