Cara Membungkus Teks dalam Sel Data Jadual (

Cara Membungkus Teks dalam Sel Data Jadual () dengan Lebar Terhad

Apabila cuba membungkus teks dalam < ;td> elemen dengan lebar terhad, ia mungkin tidak berfungsi seperti yang diharapkan. Artikel ini bertujuan untuk menyediakan penyelesaian kepada masalah ini.

Masalah:

Pengguna ingin membungkus teks dalam

elemen, tetapi ia tidak membungkus walaupun menggunakan "word-wrap: break-word;" gaya dan lebar 15%. Pengguna perlu mencari cara untuk membalut teks sambil mengekalkan lebar yang terhad.

Penyelesaian:

Untuk membalut teks dalam

elemen dengan lebar terhad, adalah perlu untuk mengubah suai kedua-dua jadual dan gaya elemen:

1. Gaya Jadual:

   • Tambahkan CSS berikut pada jadual:

     table {
         table-layout: fixed;
     }

   Ini menetapkan susun atur tetap untuk jadual, membenarkan lebar terhad

   elemen yang perlu dikuatkuasakan.

2. Gaya:

   • Tambah CSS berikut pada

     elemen:

     td {
         word-wrap: break-word;
     }

     Ini membolehkan pembalut teks dalam

     elemen.

     Dengan melaksanakan perubahan gaya ini, teks akan dibalut dalam

     elemen semasa masih mematuhi kekangan lebar 15%.

Atas ialah kandungan terperinci Cara Membungkus Teks dalam Sel Data Jadual (. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!