文字對於Bootstrap Popover而言太長

Question

我正在使用Twitter Bootstrap為div創建彈出窗口，但文本太長，似乎超出了彈出窗口的最大寬度。

我想在文本末尾顯示...，所以我嘗試使用text-overflow:ellipsis; <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

我在頁面上的文字帶有'...'，並且我希望彈出窗口顯示全文（這似乎比截斷彈出窗口更有用）。 為此，只需覆蓋popover-content樣式：

.popover-content {
    word-break: break-all;
}

Answer 2

http://jsfiddle.net/isherwood/W6a3B

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