Javascript 文本太长,无法启动弹出窗口
我正在使用Twitter引导为div创建一个popover,但是文本太长,似乎超过了popover的最大宽度 我想展示。。。在文本末尾,我尝试用Javascript 文本太长,无法启动弹出窗口,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在使用Twitter引导为div创建一个popover,但是文本太长,似乎超过了popover的最大宽度 我想展示。。。在文本末尾,我尝试用文本溢出:省略号来设置,但这不起作用 javascript: $(div).popover({ placement : 'right', title : function (){ return '<span class="title">Title</span>'; }, content: function
文本溢出:省略号来设置
代码>,但这不起作用
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'
});
$(div).popover({
位置:'对',
标题:功能(){
返回“标题”;
},
内容:功能(){
返回''
+“- 这是“阿龙”阿龙“阿龙”阿龙“阿龙”阿龙“阿龙”阿龙“阿龙”阿龙“阿龙”阿龙“阿龙”
+“
”
},
容器:'主体',
html:“真的”
});
如何正确包装文本?
我在页面上的文本有“…”,我想让popover显示全文(这似乎比截断popover更有用)。为此,只需覆盖popover内容样式:
.popover-content {
word-break: break-all;
}
我在页面上的文本有“…”,我想让popover显示全文(这似乎比截断popover更有用)。为此,只需覆盖popover内容样式:
.popover-content {
word-break: break-all;
}
添加溢出:隐藏到popover类?使用Bootstrap 2或3?添加溢出:隐藏到popover类?使用Bootstrap 2或3?可能您可以将规则设置为.body li
,而不是。popover内容li
,因此它更特定于此内容。确定。个人喜好,我想。+1我的意思是,如果我在同一页上有另一个popover,并且它的某些内容包含完全不同的li,那就是我的意思。但是+1,尽管你已经搞定了。也许你可以将规则设置为.body li
,而不是.popover content li
,因此它更适合于此内容。确定。个人喜好,我想。+1我的意思是,如果我在同一页上有另一个popover,并且它的某些内容包含完全不同的li,那就是我的意思。但是+1,尽管你成功了。