Modal bootstrap 无法在 modal-body 上正确显示格式文本

Question

这是我的模态正文

<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>

但是当我在模态对话框 bootstrap 中显示它时，它丢失了所有格式并且只变成这样的一行：

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

如何正确显示？谢谢。

Answer 1

将您的内容包裹在 pre 标记中以保持格式。 Bare html 不会保留格式，除非您指定明确的 unicodes

试试这个：

<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>

Answer 2

如果你真的想展示这样的东西，你应该在 modalbox

中使用 pre 标签

Modal bootstrap 无法在 modal-body 上正确显示格式文本

Modal bootstrap does not display correctly formatt text on modal-body

css

twitter-bootstrap

bootstrap-modal