Bootbox：消息溢出

Question

我使用的是最新版本的 Bootbox，需要显示大量文本。文本溢出 Bootbox 模态 window 并溢出浏览器。我需要包含的文本并在适当的时候带有垂直滚动条。我试过将消息包装在各种 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

Answer 1

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

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

Demo

Longer demo

Answer 2

当包含 table 时，您可以使用以下内容，

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