模态引导程序无法在模态正文上正确显示格式文本答案

【问题标题】：Modal bootstrap does not display correctly formatt text on modal-body模态引导程序无法在模态正文上正确显示格式文本
【发布时间】：2015-08-07 18:43:33
【问题描述】：

这是我的模态体

<div class="modal-body">
    root  2934  2.9  2.7 660824 222192 ?       Sl   07:57  12:02 skype
    root  3029  0.0  2.3 904676 189744 ?       Sl   07:57   0:20 /usr/lib/firefox/firefox
</div>

但是当我在 Modal 对话框引导程序中显示它时，它会丢失所有格式并变成这样的一行：

root 2934 2.9 2.7 660824 222192 ? Sl 07:57 12:02 skype root 3029 0.0 2.3 904676 189744 ? Sl 07:57 0:20 /usr/lib/firefox/firefox

如何正确显示？谢谢。

【问题讨论】：

此文本取自数据库（超过 100 条记录），因此我无法使用 html 来格式化每条记录。

标签： css twitter-bootstrap bootstrap-modal

【解决方案1】：

将您的内容包装在pre 标记中以保留格式。除非您指定明确的 unicode，否则裸 html 将不会保持格式

试试这个：

<div class="modal-body">
    <pre>root  2934  2.9  2.7 660824 222192 ?       Sl   07:57  12:02 skype
    root  3029  0.0  2.3 904676 189744 ?       Sl   07:57   0:20 /usr/lib/firefox/firefox
   </pre>
</div>

【讨论】：

【解决方案2】：

如果你真的想展示这样的东西，你应该在modalbox 中使用pre 标签

【讨论】：