Bagaimana untuk Mencegah Limpahan Teks dalam Sel Jadual dengan Ketinggian Tetap?

Linda Hamilton
Lepaskan: 2024-11-18 08:59:02
asal
307 orang telah melayarinya

How to Prevent Text Overflow in Table Cells with Fixed Height?

Mengawal Ketinggian Sel Jadual untuk Mencegah Limpahan Teks

Cabaran biasa dalam HTML ialah mengekalkan ketinggian tertentu untuk sel jadual sambil menghalang limpahan teks apabila kandungan melebihi had ketinggian. Untuk menangani perkara ini, CSS 2.1 menetapkan bahawa ketinggian sel jadual menyesuaikan diri agar sesuai dengan dimensi kandungan. Mengatasi had ini memerlukan pendekatan tidak langsung.

Sekatan Ketinggian Tidak Langsung Menggunakan Penanda Dalam

Untuk mengehadkan ketinggian sel secara tidak langsung, gunakan elemen div dalam dalam sel jadual. Dengan menetapkan sifat ketinggian dan limpahan pada elemen div, ketinggian sel kekal tetap:

<td>
Salin selepas log masuk

Perhatikan bahawa elemen div tidak sepatutnya mempunyai paparan: sifat sel jadual, kerana ini akan tertakluk kepada Peraturan sel jadual CSS 2.1.

Kaedah ini membenarkan berbilang baris teks dalam sel sambil memastikan kandungan yang melebihi kandungan kekal tersembunyi disebabkan limpahan: sifat tersembunyi yang digunakan pada elemen div.

Atas ialah kandungan terperinci Bagaimana untuk Mencegah Limpahan Teks dalam Sel Jadual dengan Ketinggian Tetap?. 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