Bagaimana untuk menetapkan teks di luar pemisah baris dalam html

Dalam HTML, anda boleh menggunakan atribut word-wrap, word-break dan overflow untuk menetapkan teks melebihi pemisah baris Hanya tambah "word-wrap:break-word;word-break:break-all ;overflow:" kepada elemen teks: tersembunyi;"

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Saya menghadapi masalah hari ini, seperti yang ditunjukkan dalam gambar:

Ini menjadikan kesannya kelihatan sangat tidak sedap dipandang kandungan di dalam div melebihi lebar div, kandungan itu harus dibalut dan dipaparkan.

Penyelesaian:

Mula-mula kita perlu memastikan bahawa div mempunyai lebar, dan kemudian tambah gaya css: kodnya adalah seperti berikut:

word-wrap:break-word; 
word-break:break-all; 
overflow: hidden;

Hasilnya adalah seperti berikut:

Ini mencapai kesan yang kita inginkan.

Tutorial yang disyorkan: "tutorial video html"

Atas ialah kandungan terperinci Bagaimana untuk menetapkan teks di luar pemisah baris dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!