Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mencegah Limpahan Teks dalam Sel Jadual dengan Ketinggian Tetap?

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

Linda Hamilton
Linda Hamiltonasal
2024-11-18 08:59:02302semak imbas

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>

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!

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