Bagaimana untuk membuat ini secara automatik berbilang talian

Question

Cara membuat ini berbilang baris secara automatik

Saya menggunakan HTML dan CSS

Ini ialah kod saya (saya mengubah suainya sedikit kerana beberapa kod itu daripada PHP):

    
Nama - #id
    

    ContentContentContentContentContentContentContentContentContentContentContentContent


Cara menggunakan ini:
https://i.stack.imgur.com/tUPpO.png
https://i.stack.imgur.com/oCwuA.png
Tukar kepada ini (langkau baris secara automatik): 
https://i.stack.imgur.com/PQxJS.png

Answer 1

Anda boleh mencapai ini dengan menambah 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>