弹出用于没有空格的长文本

Question

我在网格中有一列长文本,应该在网格中截断(以...结尾),但应该在popover中显示整数.

当我的文本中有空格时,弹出窗口正确显示.对于没有空格的文本,弹出窗口显示不正确.见下面的例子

弹出窗口不正确:

正确的弹出:

我正以这种方式展示popover:

<div data-toggle="popover" rel="popover"
    data-container="body" data-content="My_test_in_popover">
    My_text_with_...
</div>

如何修改代码以正确显示没有空格的长文本的弹出窗口？

Answer 1

那是因为Twitter引导程序默认将max-width属性应用于.popover框(即max-width: 276px;).

有两种选择:

1)max-width通过重置方式覆盖none为:

.popover {
    max-width: none;
}

2)或者word-wrap: break-word;对弹出框内容框使用CSS声明:

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