Mengapa Ellipsis Tidak Muncul dalam Sel Jadual Saya?
Elipsis Tidak Muncul dalam Sel Jadual
Dalam jadual HTML yang diberikan, elipsis biasanya akan muncul apabila teks dalam sel melebihi yang ditentukan lebar. Walau bagaimanapun, teks dalam contoh yang disediakan tidak dipotong seperti yang dijangkakan.
Menyiasat Masalah
Apabila memeriksa output, lebar sel dilaporkan sebagai 139 piksel, menunjukkan bahawa kandungan hendaklah lebih luas daripada 50px yang ditentukan. Memeriksa gaya CSS, kami melihat tetapan berikut:
<code class="css">td {
border: 1px solid black;
width: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}</code>Semua sifat yang diperlukan untuk elipsis nampaknya ada. Jadi, mengapa ia tidak berfungsi?
Penyelesaian 1: Paparan: Sekat
Satu penyelesaian ialah menambah sifat berikut pada CSS:
<code class="css">td {
display: block;
}</code>Ini secara eksplisit menetapkan jenis paparan sel jadual kepada tahap blok, menyebabkan ia berkelakuan seperti bekas bebas dan mendayakan elipsis.
Penyelesaian 2: Reka Letak dan Lebar Jadual
Pendekatan lain ialah menetapkan susun atur jadual: tetap; untuk jadual, serta mentakrifkan lebar:
<code class="css">table {
table-layout: fixed;
width: 200px;
}</code>Ini memaksa jadual untuk mempunyai reka letak tetap dan menetapkan lebarnya secara eksplisit, menghalang isu di mana lebar kandungan boleh menjejaskan pengiraan lebar sel.
Atas ialah kandungan terperinci Mengapa Ellipsis Tidak Muncul dalam Sel Jadual Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Pembaca Skrin Demystifying: Borang & Amalan Terbaik Diakses
Mar 08, 2025 am 09:45 AM
Ini adalah jawatan ke -3 dalam siri kecil yang kami lakukan dalam kebolehcapaian bentuk. Jika anda terlepas jawatan kedua, lihat "Menguruskan Fokus Pengguna dengan: Fokus-Visible". Dalam
Menambah bayang -bayang kotak ke blok dan elemen WordPress
Mar 09, 2025 pm 12:53 PM
CSS box-shadow dan garis besar sifat mendapat tema.json Sokongan dalam WordPress 6.1. Let ' s melihat beberapa contoh bagaimana ia berfungsi dalam tema sebenar, dan pilihan apa yang kita perlu gunakan gaya ini ke blok dan elemen WordPress.
Buat borang hubungan JavaScript dengan rangka kerja pintar
Mar 07, 2025 am 11:33 AM
Tutorial ini menunjukkan mewujudkan bentuk JavaScript yang berpandangan profesional menggunakan rangka kerja pintar (nota: tidak lagi tersedia). Walaupun kerangka itu sendiri tidak tersedia, prinsip dan teknik tetap relevan untuk pembina bentuk lain.
Bekerja dengan Caching Graphql
Mar 19, 2025 am 09:36 AM
Sekiranya anda baru -baru ini mula bekerja dengan GraphQL, atau mengkaji semula kebaikan dan keburukannya, anda tidak akan ragu -ragu mendengar perkara seperti "Graphql tidak menyokong caching" atau
Menjadikan Peralihan Svelte Khas pertama anda
Mar 15, 2025 am 11:08 AM
API Peralihan Svelte menyediakan cara untuk menghidupkan komponen apabila mereka memasuki atau meninggalkan dokumen, termasuk peralihan svelte adat.
Membandingkan 5 Pembina Borang PHP Terbaik (dan 3 skrip percuma)
Mar 04, 2025 am 10:22 AM
Artikel ini meneroka skrip pembina bentuk PHP teratas yang terdapat di Envato Market, membandingkan ciri -ciri, fleksibiliti, dan reka bentuk mereka. Sebelum menyelam ke dalam pilihan tertentu, mari kita faham apa pembina bentuk PHP dan mengapa anda menggunakannya. Borang PHP
Tunjukkan, jangan beritahu
Mar 16, 2025 am 11:49 AM
Berapa banyak masa yang anda habiskan untuk merancang persembahan kandungan untuk laman web anda? Semasa anda menulis catatan blog baru atau membuat halaman baru, adakah anda memikirkan
Apa yang ada perintah npm?
Mar 15, 2025 am 11:36 AM
Perintah NPM menjalankan pelbagai tugas untuk anda, sama ada sebagai satu-satunya atau proses berjalan terus untuk perkara seperti memulakan pelayan atau menyusun kod.
