Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Mencegah Peralihan Elemen pada Hover dengan Sempadan?

Bagaimana untuk Mencegah Peralihan Elemen pada Hover dengan Sempadan?

Susan Sarandon
Susan Sarandonasal
2024-12-20 17:27:22947semak imbas

How to Prevent Element Shifting on Hover with a Border?

Melayang Sempadan Menyebabkan Sedikit Pelarasan Elemen

Masalah:

Senarai sauh yang tidak tersusun dengan acara tuding menambah sempadan , tetapi sauh ke kiri beralih sedikit apabila dilegar disebabkan oleh peningkatan lebar. Bagaimanakah anda boleh memastikan kedudukan mutlak?

Penyelesaian:

Menambah jidar lutsinar pada keadaan bukan tuding boleh menghalang "melompat" apabila sempadan tuding muncul.

#homeheader a:visited, #homeheader a{
    border:1px solid transparent;
}

Penjelasan:

Sempadan lutsinar membolehkan lebar sauh untuk kekal konsisten, jadi tiada anjakan dalam kedudukan apabila sempadan tuding muncul. Berikut ialah demo JSFiddle:

http://jsfiddle.net/TEUhM/3/

Atas ialah kandungan terperinci Bagaimana untuk Mencegah Peralihan Elemen pada Hover dengan Sempadan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn