Bootbox：消息溢出答案

【问题标题】：Bootbox: Message is OverflowingBootbox：消息溢出
【发布时间】：2015-11-25 20:06:32
【问题描述】：

我使用的是最新版本的 Bootbox，需要显示大量文本。文本溢出 Bootbox 模态窗口和浏览器。我需要包含的文本，并在适当的时候使用垂直滚动条。我尝试将消息包装在各种 html 元素中，但没有成功。

这是我的代码：

bootbox.dialog({
    onEscape: function () { },
    message: JSON.stringify(data),
    title: "View",
    buttons: {
        main: {
          label: "Cancel",
          className: "btn-default",
          callback: function () {
             //close popup and do nothing
             return true;
          }
       }
    }
});

Demo

【问题讨论】：

演示已更新，内容较长。看起来 Bootbox 可以优雅地处理它，根据需要扩展模态。看看你是否可以复制你的问题。
@isherwood...我用了你的
text
并且效果很好。当我将其更新为“
”+ JSON.stringify(data)+“
”时，不好。在这种情况下，“数据”只是一个大的 json 对象。我想知道这会如何影响这个？
@isherwood...我用 json 数据更新了它（也尝试在它周围添加引号）
糟糕。误删了之前的评论。这是最初的小提琴。 jsfiddle.net/isherwood/dqud8kg7
@isherwood...感谢您的帮助

标签： html css twitter-bootstrap-3 bootbox

【解决方案1】：

您的 JSON 数据是一个长字符串，这会强制段落元素超出正常宽度，除非您指定分词符。

.modal-body p {
    word-wrap: break-word;
}

Demo

Longer demo

【讨论】：

【解决方案2】：

当包含表格时，您可以使用以下，

.bootbox-body table{
    width:100% !important;
}

【讨论】：