Bagaimanakah Saya Boleh Menghalang Perkataan Panjang daripada Melimpah dalam DIV?

Mengatasi Limpahan Kata Panjang dalam DIV

Satu cabaran biasa yang dihadapi apabila bekerja dengan elemen DIV ialah teks yang melebihi lebar DIV, mengakibatkan kandungan melimpah di luar bekas . Ini amat ketara apabila berurusan dengan perkataan yang terlalu panjang.

Untuk menangani isu ini dan memastikan teks sesuai dengan sempurna dalam sempadan DIV, CSS menawarkan penyelesaian:

Menggunakan limpahan-bungkus: break- perkataan;

Dengan menetapkan sifat overflow-wrap kepada kata putus, penyemak imbas akan memecahkan perkataan secara automatik pada titik yang sesuai untuk dimuatkan dalam lebar DIV yang ditentukan. Ini memastikan keseluruhan teks kelihatan tanpa melimpah.

div {
  overflow-wrap: break-word;
}

Contoh:

<div>
<p>Menggunakan limpahan-bungkus: break-word; akan memaksa penyemak imbas untuk memuatkan semua teks dalam lebar DIV yang ditentukan, memecahkan perkataan panjang jika perlu.</p>
<p><strong>Nota:</strong> Untuk keserasian dengan pelayar lama seperti IE6, anda boleh menggunakan yang tidak digunakan harta <strong>bungkus perkataan: kata putus</strong>. Walau bagaimanapun, adalah disyorkan untuk menggunakan harta <strong>overflow-wrap</strong> moden sebagai ganti.</p>
</div>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Perkataan Panjang daripada Melimpah dalam DIV?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!