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!