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
Lepaskan: 2024-10-27 02:32:30
asal
480 orang telah melayarinya

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan