dt中的空dt -水平与其他dt元素不对齐
dt中的空dt -水平与其他dt元素不对齐
提问于 2015-01-28 16:23:52
我有一个带有类.dt-horizonal的描述列表，在该列表中，我确保dt内容不会通过跟随这帖子并增加宽度来截断。它工作得很好，但是当有一个空的dt时，它不能工作，因此下一个dd(加拿大)的对齐方式是不正确的，正如您在下面的输出中所看到的那样。有人能帮我解决这个问题吗？
引线
电流输出
<dl class="dl-horizontal">
<dt>Name</dt>
<dd>Joe</dd>
<dt>Age</dt>
<dd>25</dd>
<dt>List of Countries visited</dt>
<dd>USA</dd>
<dt> </dt>
<dd>Canada</dd>
<dt>Country of Orgin</dt>
<dd>Brazil</dd>
</dl>CSS
.dl-horizontal dt
{
white-space: normal;
width: 250px;
margin-right: 8px;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2015-01-28 16:33:21
在dt中添加一个不间断的空间，这将给它一些内容并保持布局。见此处：http://www.bootply.com/Vbo6v6JiaS
<dl class="dl-horizontal">
<dt>Name</dt>
<dd>Joe</dd>
<dt>Age</dt>
<dd>25</dd>
<dt>List of Countries visited</dt>
<dd>USA</dd>
<dt> </dt>
<dd>Canada</dd>
<dt>Country of Orgin</dt>
<dd>Brazil</dd>
</dl>
Stack Overflow用户
发布于 2015-01-28 16:36:02
检查这个，添加这个Css，因为我们将属性添加到宽度被维护的空内容中
.dl-horizontal dt:before {
float: left;
content: " ";
height: 1px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28197290
复制相关文章
相似问题
腾讯云开发者
