html - Bootstrap dl水平-如何强制显示最后一个字符

我想用“ ...”截断dl元素中的文本

例：

<dl class="dl-horizontal">
   <dt>Birth Date:</dt>

它应该是什么样的：

出生大...

我尝试获得：

出生日期...：

我可以用以下方法解决它：

<dl class="dl-horizontal">
   <dt>Birth Date:</dt><trong>:</strong>

但是，保持正确的对齐并不是一个好主意，因为在HTML视图中

名字：
你的姓氏：
生日...

“：”未正确对齐

CSS代码：

  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

最佳答案

您可以添加CSS吗？
您可以尝试空白：正常吗？

关于html - Bootstrap dl水平-如何强制显示最后一个字符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25894400/