css – 如何强制Twitter引导.dl-水平DT内容而不是截断?

前端之家收集整理的这篇文章主要介绍了css – 如何强制Twitter引导.dl-水平DT内容而不是截断?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Bootstrap具有很好的水平清晰度列表样式,但是我想要将DT内容包装,而不是被截断。

我知道他们的base.css page他们说:“抬头!水平描述列表将截断太长的术语,以适应左列修正文本溢出。”

任何人知道这个修复?

这是现成的引导CSS我一直在努力,没有成功:

.dl-horizontal {
  *zoom: 1;
}
.dl-horizontal:before,.dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}
.dl-horizontal:after {
  clear: both;
}
.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

我的这个问题类似于这个问题,如果这有帮助:
Prevent Twitter bootstrap empty <dd> filling with next <dd> value

提前致谢!

解决方法

你可以注释掉白色空间:nowrap;如果你想在所有的dt中包含内容,从.dl-horizo​​ntal dt块

如果你想为一个dt包装内容,然后添加inline style =’white-space:normal;’到具体的dt

原文链接:https://www.f2er.com/css/219056.html

猜你在找的CSS相关文章