Bagaimana untuk Memanjangkan Pautan Sel Jadual untuk Mengisi Ketinggian Baris?

Melanjutkan Pautan Sel Jadual untuk Mengisi Ketinggian Baris

Dalam visualisasi data jadual, pautan sel selalunya gagal untuk menutup keseluruhan ruang menegak sesuatu baris, terutamanya apabila sel mempunyai ketinggian yang berbeza-beza. Ini boleh menghalang interaksi pengguna, kerana mengklik pada sel yang ditutup separa mungkin tidak mencetuskan tindakan yang diingini.

Untuk membetulkan isu ini, teknik berikut boleh digunakan:

Tetapkan Margin dan Padding to Drive Link Extension

1. Gunakan limpahan: tersembunyi pada sel jadual induk.
2. Tukar pautan kepada elemen blok menggunakan paparan: blok.
3. Tetapkan margin negatif yang besar secara sewenang-wenangnya (cth., -10em) dan jumlah pelapik yang sama (cth., 10em) kepada elemen blok.

Contoh Kod Pelaksanaan

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

Pelarasan ini memanjangkan pautan melepasi sempadan sel jadual, dengan berkesan meliputi keseluruhan ketinggian baris. Pengguna kini boleh mengklik di mana-mana dalam sel untuk mengaktifkan pautan, tidak kira sama ada sel itu mempunyai berbilang baris kandungan.

Rujuk demonstrasi JSFiddle yang dikemas kini di sini: http://jsfiddle.net/RXHuE/213/

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