Bootbox：消息溢出

Question

我使用的是最新版本的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

Answer 1

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

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

<强> Demo

<强> Longer demo

Answer 2

对于包括表，您可以使用以下内容，

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