我正在用Flask，Mongodb，HTML和Bootstrap做一个web应用程序。我的问题是表格列中的单词会从屏幕上消失，我需要滚动浏览器窗口才能阅读它们。
能否请你给予我一个建议，引导类或额外的HTML标签，我应该使用，使文字 Package 工作良好，在标签中的文本适合屏幕大小？
我的HTML页面：

<div class="container-fluid">
    <table class="table table-striped">
        <thead>
            <tr>
                <th scope="col">Field</th>
                <th scope="col">Value</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>ID</td>
                <td>{{page.page_id}}</td>
            </tr>
                <td>Description</td>
                <td><pre><p class="text-break">{{page.body}}</p></pre></td>
            </tr>
        </tbody>
    </table>
</div>

字符串
这就是它在浏览器（Firefox）中的外观：x1c 0d1x
我试着使用不同的类，但没有帮助（提前谢谢你！
编辑-1：这就是我的文本在mongoDB中的存在方式：

因此，如果我删除<pre>，段落之间的标记行分隔符将丢失，HTML页面中的外观将如屏幕截图所示：

编辑-2：对于那些将面临同样问题的人来说，这个答案真的很有帮助：https://stackoverflow.com/a/20618776/5908736
所以我修改了HTML如下（添加了<div>标签）：

<div class="container-fluid">
    <table class="table table-striped">
        <thead>
            <tr>
                <th scope="col">Field</th>
                <th scope="col">Value</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>ID</td>
                <td>{{page.page_id}}</td>
            </tr>
                <td>Description</td>
                <td>
                    <div style="white-space: pre-wrap;">{{page.body}}</div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

型
现在它看起来像这样（保存了mongoDB中的换行符）：

非常感谢大家！