Bagaimana untuk Menjadikan Pautan Sel Jadual Boleh Diklik Merentasi Keseluruhan Ketinggian Baris?

Mengisi Baris Jadual Secara Menegak dengan Pautan Sel

Dalam jadual HTML, pengguna menjangkakan dapat mengklik mana-mana dalam sel untuk mengikuti yang berkaitan pautan. Walau bagaimanapun, apabila sel jadual menjangkau berbilang baris dan yang lain adalah satu baris, sel satu baris mungkin tidak menduduki keseluruhan ruang menegak baris.

Untuk membetulkan isu ini, tetapkan sifat paparan pautan sel jadual untuk menyekat adalah pendekatan biasa. Walau bagaimanapun, ini mungkin tidak menyelesaikan masalah sepenuhnya dalam semua kes.

Penyelesaian

Untuk memastikan pautan sel jadual mengisi keseluruhan ketinggian baris, laksanakan peraturan CSS berikut:

<code class="css">td {
    overflow: hidden;
}
td a {
    display: block;
    margin: -10em;
    padding: 10em;
}</code>

Dengan menetapkan margin negatif yang besar sewenang-wenangnya dan pelapik yang sama pada elemen blok, pautan akan merentangi keseluruhan ruang menegak baris jadual. Sifat limpahan ditetapkan kepada tersembunyi pada elemen induk td untuk mengelakkan pelapik berlebihan daripada tumpah ke luar sel.

Contoh

<code class="html"><td style="overflow: hidden;">
    <a style="display: block; margin: -10em; padding: 10em;" href="http://www.google.com/">Cell 1</a>
</td></code>

CSS yang dikemas kini ini akan memastikan bahawa sel jadual yang mengandungi pautan sentiasa boleh diklik merentasi keseluruhan ketinggiannya, tanpa mengira bilangan baris yang terbentang.

Atas ialah kandungan terperinci Bagaimana untuk Menjadikan Pautan Sel Jadual Boleh Diklik Merentasi Keseluruhan Ketinggian Baris?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!