<p>如何使这个自动多行</p> <p>我正在使用HTML和CSS</p> <p>这是我的代码（我稍微修改了一下，因为一些代码是来自PHP）：</p> <pre class="brush:php;toolbar:false;">&lt;div style='border: 1px solid; padding: 10px;margin-top: 5px;'&gt; &lt;h2 style='margin: 0'&gt;Name&amp;nbsp-&amp;nbsp#id&lt;/h2&gt; &lt;hr&gt; &lt;span&gt;ContentContentContentContentContentContentContentContentContentContentContentContent&lt;/span&gt; &lt;/div&gt;&lt;br&gt;</pre> <p>如何将这些：</p> <p>https://i.stack.imgur.com/tUPpO.png</p> <p>https://i.stack.imgur.com/oCwuA.png</p> <p>转换为这个（自动跳过一行）：</p> <p>https://i.stack.imgur.com/PQxJS.png</p>

<div style='border: 1px solid; padding: 10px;margin-top: 5px; max-width:200px'>
    <h2 style='margin: 0'>Name&nbsp-&nbsp#id</h2>
    <hr>
    <span style='word-wrap: break-word; overflow-wrap: break-word;'>
        ContentContentContentContentContentContentContentContentContentContent</span>
</div><br>