Bagaimana untuk Membetulkan Jarak Yang Tidak Diingini Antara Baris Jadual dan Lajur?

Cara Menghapuskan Ruang Tidak Diingini Antara Baris Jadual dan Lajur

Dalam pembangunan web, adalah perkara biasa untuk menghadapi masalah dengan ruang yang berlebihan antara elemen jadual, yang boleh mengganggu penampilan visual yang diingini. Menangani masalah ini memerlukan pemeriksaan pelbagai faktor yang mempengaruhi jarak jadual.

Harta Runtuh Sempadan

Pada mulanya, CSS yang disediakan termasuk "runtuh sempadan: runtuh; " harta, yang berfungsi untuk menggabungkan sempadan bersebelahan antara sel. Walau bagaimanapun, jika anda masih memerhati ruang tambahan, langkah tambahan mungkin diperlukan.

Atribut Elemen Jadual

Kod HTML yang disediakan tidak mempunyai atribut "jarak sel" dalam elemen jadual. Menambah atribut ini membolehkan anda menetapkan jarak antara sel dalam piksel secara eksplisit. Menetapkan jarak sel kepada "0" berkesan mengalih keluar ruang tambahan.

Keserasian Penyemak Imbas

Berhati-hati bahawa penyemak imbas yang berbeza mungkin mengendalikan jarak jadual secara berbeza. Internet Explorer 6 dan 7 memerlukan penetapan terus ruang sel kepada atribut jadual, manakala penyemak imbas moden seperti Chrome dan Firefox menyokong jarak sempadan sifat CSS.

Keserasian Merentas Penyemak Imbas

Untuk memastikan keserasian merentas penyemak imbas, disyorkan untuk menggabungkan kedua-dua teknik. Berikut ialah penyelesaian yang komprehensif:

table {
  border-spacing: 0;  /* Removes the cell spacing via CSS */
  border-collapse: collapse;  /* Optional - removes double border where cells touch */
}
table.no-spacing {
  cellspacing: 0; /* Explicitly sets cellspacing to 0 for IE6 and IE7 */
}

Coretan kod ini secara berkesan mengalih keluar ruang yang tidak diingini antara baris dan lajur jadual dengan cara yang akan berfungsi secara konsisten merentas berbilang penyemak imbas, termasuk versi Internet Explorer lama.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Jarak Yang Tidak Diingini Antara Baris Jadual dan Lajur?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!