So machen Sie dies automatisch mehrzeilig

Question

So machen Sie dies automatisch mehrzeilig

Ich verwende HTML und CSS

Das ist mein Code (ich habe ihn leicht geändert, da ein Teil des Codes von PHP stammt):

<div style='border: 1px solid; 10px;margin-top: 5px;'>
    <h2 style='margin: 0'>Name&nbsp-&nbsp#id</h2>
    <hr>
    <span>ContentContentContentContentContentContentContentContentContentContent</span>
</div><br>

So verwenden Sie diese:

https://i.stack.imgur.com/tUPpO.png

https://i.stack.imgur.com/oCwuA.png

In Folgendes konvertieren (automatisch eine Zeile überspringen):

https://i.stack.imgur.com/PQxJS.png

Answer 1

你可以通过添加 word-wrap 和/或 overflow-wrap 来实现这一点

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