javascript - Bootstrap Popover 的文本太长

Question

我正在使用 Twitter Bootstrap 为 div 创建弹出窗口，但文本太长并且似乎超出了弹出窗口的最大宽度。

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

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'
 });

如何正确包装文本？

Answer 1

http://jsfiddle.net/isherwood/W6a3B

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