hujung hadapan web
html tutorial
Bagaimanakah saya boleh menghalang jadual HTML saya daripada diformat secara tidak betul?
Bagaimanakah saya boleh menghalang jadual HTML saya daripada diformat secara tidak betul?
Terdapat ciri CSS yang disokong dengan baik tetapi kurang dikenali, sangat berguna untuk jadual. Ia mengubah cara jadual dipaparkan supaya anda boleh mempunyai reka letak yang lebih dipercayai dan konsisten. Memformat jadual dengan betul adalah berfaedah kerana ia menjadikan halaman web lebih mesra pengguna dan membantu pengguna memahami maklumat dalam jadual dengan lebih jelas.
Artikel ini akan mengajar anda cara mengelakkan "ralat" pemformatan jadual dalam HTML. Sebelum kita menyelami artikel ini, mari kita lihat jadual dalam HTML.
Jadual HTML
Jadual HTML dibuat menggunakan teg
| Elemen di bawah | lalai kepada teks biasa dan dijajar ke kiri.
Jadual HTML membenarkan pengarang halaman web menyusun teks, imej, pautan, jadual lain dan data lain ke dalam sel dalam baris dan lajur. SintaksBerikut ialah sintaks jadual HTML <table>…</table> Pertimbangkan contoh berikut untuk lebih memahami cara mengelakkan pemformatan jadual HTML yang "salah". ContohDalam contoh di bawah, kami menggunakan CSS bersama-sama dengan ketinggian jadual yang dinyatakan sebelum ini untuk mengelakkan pemformatan jadual "salah". <!DOCTYPE html>
<html>
<body>
<style>
table, td {
width: 100%;
border: 2px solid #82E0AA ;
border-collapse: collapse;
}
td {
height: 52px;
width: 52%;
}
td[rowspan="2"] {
height: 110px;
}
</style>
<table>
<tbody>
<tr>
<td colspan="2">1.MSD</td>
</tr>
<tr>
<td rowspan="2">2.VIRAT</td>
<td>3.YUVI</td>
</tr>
</tbody>
</table>
</body>
</html>
Apabila skrip dilaksanakan, ia akan menghasilkan output yang mengandungi jadual yang diisi dengan data dalam format yang betul untuk dipaparkan pada halaman web. ContohPertimbangkan contoh berikut, kami ingin mempunyai imej sebagai imej latar belakang jadual, kami akan menambahnya menggunakan CSS untuk mengelakkan "pepijat" dengan format jadual. <!DOCTYPE html>
<html>
<body>
<table border = "2" bordercolor = "#BB8FCE" background = "https://www.tutorialspoint.com/images/asp.net_mvc_icon.svg">
<tr>
<th>Stream</th>
<th>Course</th>
<th>Amount</th>
</tr>
<tr>
<td rowspan = "2">Technical</td>
<td>HTML</td><td>6000</td>
</tr>
<tr>
<td>JAVA</td>
</tr>
</table>
</body>
</html>
Selepas menjalankan kod di atas, tetingkap output akan muncul menunjukkan imej yang mengandungi data dan ditambah sebagai latar belakang pada jadual yang dipaparkan pada halaman web. ContohMari kita lihat perkara berikut, kita akan menggunakan ketinggian dan lebar jadual untuk membuat jadual dalam format yang kita kehendaki untuk mengelakkan pemformatan jadual "salah". <!DOCTYPE html>
<html>
<body>
<table border = "2" bordercolor="#CCCCFF" width = "300" height = "100">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
Apabila skrip dilaksanakan, ia menghasilkan output yang mengandungi jadual yang dilukis pada halaman web dengan CSS digunakan dalam format yang dikehendaki. |
Atas ialah kandungan terperinci Bagaimanakah saya boleh menghalang jadual HTML saya daripada diformat secara tidak betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
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)
Kekunci kelantangan pada papan kekunci tidak berfungsi
Aug 05, 2025 pm 01:54 PM
First,checkiftheFnkeysettingisinterferingbytryingboththevolumekeyaloneandFn volumekey,thentoggleFnLockwithFn Escifavailable.2.EnterBIOS/UEFIduringbootandenablefunctionkeysordisableHotkeyModetoensurevolumekeysarerecognized.3.Updateorreinstallaudiodriv
Penonton pdf tepi tidak berfungsi
Aug 07, 2025 pm 04:36 PM
Testthepdfinanotherapptodetermineiftheisseiswiththefileoredge.2.enableTetHEBuilt-Inpdfviewerbyturningoff "AlwaysopenpdffileseXternally" dan "muat turun" inedgesettings.3.clearbrowsdataincludingcookiesandcookiescookiesandcookiescookiesandcookiescookieshincookieshincookiescookiescookiescookiescookiescookiescookiescookiescookiescokiescookiescookiescookiescookiescookiescooker
Pintasan kod vs untuk memberi tumpuan kepada Panel Explorer
Aug 08, 2025 am 04:00 AM
Di VSCode, anda boleh menukar kawasan panel dan penyuntingan dengan cepat melalui kekunci pintasan. Untuk melompat ke panel Explorer kiri, gunakan CTRL Shift E (Windows/Linux) atau CMD Shift E (MAC); Kembali ke kawasan penyuntingan untuk menggunakan Ctrl `atau ESC atau Ctrl 1 ~ 9. Berbanding dengan operasi tetikus, pintasan papan kekunci lebih cekap dan tidak mengganggu irama pengekodan. Petua lain termasuk: Kotak carian fokus Ctrl Kctrl e, fail menamakan semula F2, memadam fail, masukkan fail terbuka, arrow kunci memperluas/runtuh folder.
Kaedah yang dikira vs kaedah di Vue
Aug 05, 2025 am 05:21 AM
Dikira mempunyai cache, dan pelbagai akses tidak dikira semula apabila pergantungan tetap tidak berubah, sementara kaedah dilaksanakan setiap kali mereka dipanggil; 2. Komputed sesuai untuk pengiraan berdasarkan data responsif. Kaedah sesuai untuk senario di mana parameter diperlukan atau panggilan kerap tetapi hasilnya tidak bergantung kepada data responsif; 3. Kompted menyokong getters dan setters, yang dapat merealisasikan penyegerakan data dua hala, tetapi kaedah tidak disokong; 4. Ringkasan: Gunakan yang dikira terlebih dahulu untuk meningkatkan prestasi, dan menggunakan kaedah semasa lulus parameter, melakukan operasi atau mengelakkan cache, mengikuti prinsip "jika anda boleh menggunakan dikira, anda tidak menggunakan kaedah".
Tetap: Kemas kini Windows gagal dipasang
Aug 08, 2025 pm 04:16 PM
RuntheWindowsUpdateTroubleshooterviaSettings>Update&Security>Troubleshoottoautomaticallyfixcommonissues.2.ResetWindowsUpdatecomponentsbystoppingrelatedservices,renamingtheSoftwareDistributionandCatroot2folders,thenrestartingtheservicestocle
pergi dengan contoh menjalankan subprocess
Aug 06, 2025 am 09:05 AM
Jalankan proses kanak -kanak menggunakan pakej OS/EXEC, buat arahan melalui exec.command tetapi tidak melaksanakannya dengan segera; 2. Jalankan arahan dengan .Output () dan tangkap stdout. Jika kod keluar bukan sifar, kembalikan exec.exiterror; 3. Gunakan .start () untuk memulakan proses tanpa menyekat, menggabungkan dengan .stDoutPipe () untuk menstrimkan output dalam masa nyata; 4. Masukkan data ke dalam proses melalui .StDinPipe (), dan selepas menulis, anda perlu menutup saluran paip dan panggilan .Wait () untuk menunggu akhir; 5. EXEC.EXITError mesti diproses untuk mendapatkan kod keluar dan stderr perintah gagal untuk mengelakkan proses zombie.
Contoh Array Python Numpy
Aug 08, 2025 am 06:13 AM
Penggunaan array numpy termasuk: 1. Mewujudkan tatasusunan (seperti membuat dari senarai, semua sifar, semua, dan julat); 2. Operasi bentuk (reshape, transpose); 3. Operasi vektorisasi (penambahan, penolakan, pendaraban dan pembahagian, penyiaran, fungsi matematik); 4. Pengindeksan dan mengiris (operasi satu dimensi dan dua dimensi); 5. Pengiraan statistik (maksimum, minimum, min, sisihan piawai, penjumlahan dan operasi paksi); Operasi ini adalah cekap dan tidak memerlukan gelung, dan sesuai untuk pengiraan berangka besar-besaran. Akhirnya, anda perlu berlatih lebih banyak.
Apache Prestasi Menala Amalan Terbaik
Aug 05, 2025 am 06:59 AM
Useeventmpmpmforhigh-concurrencyworkloads, terutamanya dengan-fpm, orpreforkonlyifrequiredbynon-thread-safemodules.2.enableepaliveWithMaxkeepalivereStoSetto100andkeepaliveThonSoShoShoShoShoSoShoShoSoShoSoSoSoSoSoSoSoSoSoSoSoSoSoSoSoSoSoSoSoSoSoSoS.
