Bagaimana untuk Membuat Balutan Teks Panjang dalam Sel Jadual HTML?

Word-Wrap dalam Jadual HTML: Memecahkan Teks Panjang dalam Sel

Word-wrap ialah sifat CSS yang berharga yang membolehkan teks dibalut dalam bekas tertentu, seperti div dan span. Walau bagaimanapun, fungsinya boleh terjejas apabila digunakan pada sel jadual. Dalam senario tertentu, teks mungkin melimpahi sempadan sel dan bukannya membalut seperti yang dimaksudkan.

Dalam kes ini, isu ini berpunca daripada gelagat lalai unsur sel jadual. Secara lalai, jadual HTML direka untuk data jadual, dan kandungannya bertujuan untuk dimuatkan dalam lebar yang ditentukan bagi setiap lajur. Akibatnya, apabila teks melebihi lebar sel, ia dipaparkan di luar sempadan sel.

Untuk menangani masalah ini, satu penyelesaian melibatkan penambahan reka letak jadual: atribut CSS tetap pada elemen jadual. Atribut ini mengarahkan penyemak imbas untuk membetulkan reka letak jadual, menghalang sel daripada berkembang melebihi lebar yang ditentukan. Akibatnya, teks dalam sel terpaksa dibalut apabila ia mencapai lebar sel yang ditentukan.

Berikut ialah coretan kod yang dikemas kini dengan reka letak jadual: atribut tetap digunakan:

<table>

Selepas menggabungkan perubahan ini, perkataan panjang dalam lajur pertama kini akan membungkus dalam sempadan sel, menghalangnya daripada melangkaui jadual lebar.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Balutan Teks Panjang dalam Sel Jadual HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!