自动换行无法与 NavMenu 和 Div 一起正常工作答案

【问题标题】：Wordwrap not working correctly with NavMenu and Div自动换行无法与 NavMenu 和 Div 一起正常工作
【发布时间】：2018-05-22 08:08:03
【问题描述】：

我在 VS2017 中使用 Angular 创建了一个 ASP.Net Core Web 应用程序。初始应用程序字以我想要的方式包装。然而，在我添加了一些 HTML 和样式后，当左侧面板显示时，自动换行不再起作用。

我发现下面的 HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>

<div class="container">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>

导致以下显示

如何修复 Div 的效果？

【问题讨论】：

看看相关的html结构和CSS会很有帮助。还要提及您是否使用任何框架作品。
谢谢@crazymatt 我更新了问题
太棒了！无论如何，我们可以看到相关代码的输出？您可以从您的源代码中复制/粘贴该部分吗？
你的意思是查看源代码吗？这是巨大的
哈哈不是整个事情，只是文本有换行问题的部分

标签： html css twitter-bootstrap angular

【解决方案1】：

而不是使用

<div class="container">

我需要使用

<div class="container-fluid">

【讨论】：

【解决方案2】：

尝试为自动换行添加这个 css

h2 {
    white-space: normal;}

【讨论】：

谢谢。我尝试将其添加到 h2 中，但没有任何区别。