Skip to main content

Menyingkirkan Ruang dalam Jadual HTML

Words at War: Barriers Down / Camp Follower / The Guys on the Ground (Jun 2026)

Words at War: Barriers Down / Camp Follower / The Guys on the Ground (Jun 2026)
Anonim

Sekiranya anda menggunakan jadual untuk susun atur halaman (tidak ada dalam XHTML, kemungkinan besar anda akan mengalami penambahan ruang ekstra pada susun atur anda.) Untuk membetulkan masalah ini, anda perlu memeriksa definisi meja HTML anda dan spesifiknya helaian gaya pentadbiran.

Definisi Jadual HTML

Tag HTML untuk jadual secara lalai tidak mengawal untuk beberapa keperluan jarak. Sahkan tiga perkara mengenai tag "jadual" dalam dokumen HTML anda:

  1. Adakah jadual anda mempunyai atribut sel pengeditan yang ditetapkan kepada 0?
    1. cellpadding = "0"

  2. Adakah jadual anda mempunyai atribut sel yang ditetapkan kepada 0?
    1. cellspacing = "0"

  3. Adakah terdapat ruang sebelum atau selepas kandungan anda dan tag jadual?

Nombor 3 adalah kicker. Ramai editor HTML suka mempunyai kod itu semua di luar, untuk memudahkannya dibaca. Tetapi banyak pelayar mentafsir tab, ruang dan pulangan yang dikembalikan seperti ruang yang dikehendaki di dalam jadual anda. Menghapus ruang putih sekitar tag anda dan anda akan mempunyai meja crisper.

Helaian Gaya

Walau bagaimanapun, ia mungkin bukan HTML yang dimatikan. Helaian gaya Cascading mengawal sesetengah sifat paparan jadual dan bergantung pada halaman, anda mungkin atau mungkin tidak sengaja menambahkan CSS spesifik jadual di tempat pertama.

Imbas fail CSS yang memerintah untuk mana-mana nilai berikut di dalam "jadual ,' ' th "atau ' td " hartanah dan menyesuaikan seperti yang diperlukan:

  • sempadan: Menentukan sifat-sifat jadual atau sempadan sel
  • runtuhan sempadan: Merentasi sempadan bersebelahan sebagai satu, untuk mengelakkan duplikasi lebar sempadan
  • padding: Menawarkan ruang kosong, dalam piksel, sekitar setiap sel
  • jajaran teks: Menentukan penjajaran teks dalam sel
  • jarak sempadan: Menetapkan jarak antara sel, dalam piksel

Alternatif

Walaupun anda masih boleh menggunakan jadual HTML (standard yang mantap dan disokong secara universal dalam pelayar hari ini) reka bentuk web responsif yang paling moden menggunakan helaian gaya melayari untuk meletakkan elemen pada halaman. Jadual masih masuk akal untuk tujuan asal mereka yang memaparkan data jadual, tetapi untuk mengatur susun atur dan kandungan halaman, anda lebih baik menggunakan tata letak CSS sebaliknya.