Twitter bootstrap 在Bootstrap4中，一个空<；dd>；折叠对应的线高度<；dt>；

所以我可以看到这个错误之前已经有人谈论过了

开发商之前说它不是固定的，但是

如图所示，空地址字段会导致标签之间的边距塌陷。它通过Django模板生成，具有：

<dl class="row">
      <dt class="col-sm-3">Address 1:</dt><dd class="col-sm-9">{{ client.address1|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Address 2:</dt><dd class="col-sm-9">{{ client.address2|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Town:</dt><dd class="col-sm-9">{{ client.town|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">County:</dt><dd class="col-sm-9">{{ client.county|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Postcode:</dt><dd class="col-sm-9">{{ client.postcode|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Telephone1:</dt><dd class="col-sm-9">{{ client.telephone1|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Telephone2:</dt><dd class="col-sm-9">{{ client.telephone2|default_if_none:"&nbsp;" }}</dd>
      <dt class="col-sm-3">Email:</dt><dd class="col-sm-9">{{ client.email|default_if_none:"&nbsp;" }}</dd>
</dl>

地址1:{{client.address1}默认值{u如果没有：}
地址2:{{client.address2}默认值_如果没有：}
Town:{{client.Town}默认值（如果没有）：}
县：{{client.country}默认值{u如果没有：}
邮政编码：{{client.Postcode}默认值{u如果没有：}
电话1:{{client.Telephone1}默认值{u如果没有：}
电话2:{{client.Telephone2}如果没有，则默认值：{}
电子邮件：{{client.Email |默认值_如果没有：}

---

注意：我试图强制使用一个空格，以防创建一条线。我本以为行距是由dt设置的，据我所知，dt应该始终存在，并且不应该为空？

只需为每个

dd

元素设置一个

min height

，如下所示：

dd {
 min-height: 25px;
}

---

所以我已经设法解决了这个问题，尽管它感觉像是一个黑客，我很惊讶Bootstrap并没有控制住它。使用上面的答案（我之前尝试过的一种变体），我最终得到了：

dd.col-sm-9 {
    min-height: 25px;
}

因为整洁的dd声明会导致：

您可以尝试以下方法：

dl dd:after {
  content: "\200b";
}

---

这是一个0px宽度的空间，不会创建新行

如果没有破解，这是不可能的。请参阅下面（上面）我的解决方案。