Rumah >hujung hadapan web >tutorial css >Bagaimanakah saya boleh membuat balut teks dalam sel jadual?

Bagaimanakah saya boleh membuat balut teks dalam sel jadual?

Susan Sarandon
Susan Sarandonasal
2024-10-27 02:32:30462semak imbas

How can I make text wrap in a table cell?

Bagaimanakah saya boleh memaksa teks dalam sel jadual () untuk dibalut?

Secara lalai, teks sel jadual tidak dibalut secara automatik ke baris seterusnya, menyebabkan teks melimpah di luar sel dan menjejaskan reka letak halaman.

Cara Membungkus Paksa< /h3>

Terdapat dua kaedah utama untuk memaksa pembalut teks sel jadual:

1. Gunakan susun atur jadual:tetap dan bungkus perkataan:patah-kata

Ini menetapkan reka letak tetap untuk jadual dan memaksa teks untuk pecah menjadi berbilang baris dalam lebar sel. Ia berfungsi dalam penyemak imbas moden.


jadual {
susun atur jadual: tetap;
}

td {
balutan perkataan: kata putus;
}

2. Gunakan ruang-putih: biasa

Ini mengarahkan penyemak imbas untuk merawat teks sel sebagai teks biasa, membenarkannya membalut secara semula jadi. Walau bagaimanapun, ia mungkin tidak berfungsi dalam semua penyemak imbas.


td {
ruang putih: normal;
}

Pertimbangan

Bergantung pada reka letak halaman anda, anda juga mungkin perlu melaraskan lebar jadual atau sel untuk memastikan teks dibalut seperti yang dikehendaki.

Selain itu, jika jadual berada dalam bekas fleksibel, seperti div dengan lebar peratusan, teks sel mungkin masih melimpahi bekas disebabkan oleh dinamik sifat reka letak.

Atas ialah kandungan terperinci Bagaimanakah saya boleh membuat balut teks dalam sel jadual?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn