文本太长，无法启动Popover

Text too long for Bootstrap Popover

本文关键字：启动 Popover 文本      更新时间：2023-09-26

我正在使用Twitter Bootstrap为div创建一个popover，但文本太长，似乎超过了popover的最大宽度。

我想展示。。。在文本的末尾，所以我尝试用text-overflow:ellipsis;来设置<li>的样式，但没有成功。

javascript:

$(div).popover({
  placement : 'right',
  title : function (){
    return '<span class="title">Title</span>';
  },
  content: function (){
    return '<div class="body"><ul>'
           + '<li>This_is_a_long_long_long_long_long_long_long_long_long_long_long_long_long_text</li>'
            + '</ul></div>'
   },
   container : 'body',
   html : 'true'
 });

如何正确地包装文本？

http://jsfiddle.net/isherwood/W6a3B

.popover-content, .popover-content .body {
    width: 100%;
}
.popover-content li {
    overflow: hidden;
    text-overflow: ellipsis;
}

我在页面上的文本带有"…"我希望popover显示全文（这似乎比截断popover更有用）。要做到这一点，只需覆盖popover内容样式：

.popover-content {
    word-break: break-all;
}
相关文章：