Bagaimanakah Saya Boleh Menghalang Peralihan Elemen pada Hover Apabila Menambah Sempadan CSS?

Mengelakkan Pergerakan Elemen dengan Sempadan CSS di Tuding

Apabila menggunakan sempadan pada tuding pada elemen, anda mungkin mengalami kesan peralihan sebagai lebar sempadan yang ditambah menolak elemen keluar. Untuk mengelakkan perkara ini semasa mengekalkan sempadan, anda boleh menggunakan teknik berikut:

Penyelesaian

Untuk memastikan elemen kekal dalam kedudukan asalnya, tetapkan sempadan kepada lutsinar secara lalai dan hanya menjadikannya kelihatan pada tuding:

.jobs .item {
   background: #eee;
   border: 1px solid transparent;
}

.jobs .item:hover {
   background: #e1e1e1;
   border: 1px solid #d0d0d0;
}

Kaedah ini membenarkan sempadan wujud tanpa menjejaskan kedudukan elemen, mewujudkan visual yang diingini kesan tanpa sebarang pergerakan yang tidak diingini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Peralihan Elemen pada Hover Apabila Menambah Sempadan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!