Bagaimanakah Saya Boleh Membuat Balutan Teks Dengan Betul Dalam Bekas HTML Lebar Tetap?

Pembungkusan Teks dalam HTML: Panduan Komprehensif

Membungkus teks dalam bekas HTML boleh menjadi penting untuk mengekalkan kebolehbacaan dan pemformatan. Apabila teks melebihi lebar bekasnya, ia boleh mengakibatkan pemisah baris yang tidak sedap dipandang dan kefahaman yang berkurangan. Artikel ini meneroka kaedah yang berkesan untuk mencapai pembalut teks dalam HTML.

Masalah: Bagaimana untuk membungkus teks berlebihan dalam div dengan lebar yang dipratentukan?

Sebagai contoh, pertimbangkan teks berikut:

<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>

Jika teks ini diletakkan di dalam div dengan lebar 200px, ia akan melangkaui sempadan kontena. Untuk menangani isu ini, kami perlu menggunakan pembalut teks.

Penyelesaian: CSS

CSS menyediakan penyelesaian yang mudah tetapi berkesan untuk pembalut teks. Dengan menetapkan sifat balutan perkataan kepada kata putus, kami membenarkan teks itu terputus pada sebarang titik dan membalut ke baris seterusnya.

div {
    width: 200px;
    word-wrap: break-word;
}

Dengan menggunakan peraturan CSS ini, teks yang berlebihan akan dibalut secara automatik ke muat dalam lebar bekas, memastikan garis putus yang betul dan kebolehbacaan dipertingkatkan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Balutan Teks Dengan Betul Dalam Bekas HTML Lebar Tetap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!