Bagaimana untuk Menghapuskan Ruang Putih Berlebihan Antara Sel Jadual dengan Cara Serasi Merentas Pelayar?

Mengelirukan Jarak Sel dalam Jadual

Apabila cuba menghapuskan ruang putih yang berlebihan di antara baris dan lajur jadual, anda mungkin menghadapi beberapa kaedah siasatan . Satu pendekatan biasa melibatkan pelarasan jidar, padding dan sifat jidar yang dikaitkan dengan jadual, barisnya (elemen tr) dan sel individu (elemen td). Walau bagaimanapun, strategi ini selalunya terbukti sia-sia.

Penyelesaian yang lebih berkesan terdapat dalam menetapkan sifat jarak sempadan kepada sifar. Walau bagaimanapun, untuk keserasian silang pelayar yang optimum, pertimbangkan untuk menetapkan atribut jarak sel pada elemen jadual juga. Ini memastikan bahawa penyemak imbas seperti Internet Explorer 6 dan 7, yang tidak mempunyai sokongan untuk jarak sempadan, masih memaparkan jadual seperti yang dimaksudkan.

Keserasian Merentas Penyemak Imbas untuk Pembuangan Jarak Sel

Untuk sokongan menyeluruh merentas pelbagai penyemak imbas, termasuk Internet Explorer 6 hingga 8, Chrome, Firefox dan Opera 4 , gunakan serpihan kod berikut:

table {
  border: 1px solid black;
}

table td {
  border: 1px solid black; /* For border visualization purposes */
}

table.no-spacing {
  border-spacing: 0; /* CSS property to remove cell spacing */
  border-collapse: collapse; /* Optional, prevents double borders at cell intersections */
}

<!-- Default table behavior -->
<p>Default table:</p>

<table>
  <tr>
    <td>First cell</td>
    <td>Second cell</td>
  </tr>
</table>

<!-- Cell spacing removed -->
<p>Removed spacing:</p>

<table class="no-spacing" cellspacing="0"> <!-- cellspacing 0 supports IE6 and IE7 -->
  <tr>
    <td>First cell</td>
    <td>Second cell</td>
  </tr>
</table>

Dengan memasukkan langkah-langkah ini, anda akan berjaya hilangkan ruang yang tidak diingini antara elemen jadual, memastikan imej anda diselaraskan dengan lancar bersebelahan seperti imej padu.

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Ruang Putih Berlebihan Antara Sel Jadual dengan Cara Serasi Merentas Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!