html - Wordwrap 无法与 NavMenu 和 Div 一起正常工作

Question

我在 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 的效果？

Answer 1

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

h2 {
    white-space: normal;}