Banish Space Funky dalam Jadual HTML Anda

Jika anda menggunakan jadual untuk susun atur halaman - yang tidak ada dalam XHTML , dengan cara itu-mungkin anda akan mengalami penambahan ruang tambahan dalam keadaan sedih anda. Untuk membetulkan masalah ini, anda perlu menyemak kedua-dua definisi jadual HTML anda dan spesifik dari setiap helaian gaya pentadbir.

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 ciri-ciri td dan sesuaikan mengikut keperluan:

Alternatif

Walaupun anda masih boleh menggunakan jadual HTML - piawaian yang mantap dan disokong secara universal dalam pelayar hari ini-reka bentuk web responsif yang paling moden menggunakan helaian gaya melayang 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.