Rumah > hujung hadapan web > tutorial css > Bolehkah CSS Meletakkan Imej Latar Belakang Jarak Tertentu dari Tepi Kanan?

Bolehkah CSS Meletakkan Imej Latar Belakang Jarak Tertentu dari Tepi Kanan?

Linda Hamilton
Lepaskan: 2024-11-30 21:50:11
asal
344 orang telah melayarinya

Can CSS Position a Background Image a Specific Distance from the Right Edge?

Penedudukan Imej Latar Belakang Tepat: Menjajarkan ke Margin Kanan

Bolehkah CSS digunakan untuk meletakkan imej latar belakang pada jarak tertentu dari tepi kanan sesuatu unsur? Walaupun sifat kedudukan latar belakang konvensional membenarkan pelarasan khusus dari kiri dan atas, ia mungkin kelihatan seperti tiada cara langsung untuk mencapai penjajaran berbanding jidar kanan.

Walau bagaimanapun, penyelesaian wujud:

Penyelesaian:

background-position: right 30px center;
Salin selepas log masuk

Teknik ini berfungsi dengan berkesan dalam kebanyakan penyemak imbas moden. Rujuk https://caniuse.com/#feat=css-background-offsets untuk keserasian penyemak imbas.

Penjelasan:

Kata kunci yang betul mengarahkan pelayar untuk meletakkan imej di tepi kanan unsur. Nilai 30px seterusnya menentukan jarak untuk mengimbangi imej dari sempadan kanan. Kata kunci tengah memastikan pemusatan menegak dalam ketinggian elemen.

Maklumat Tambahan:

Untuk mendapatkan cerapan terperinci, rujuk spesifikasi W3C di http://www.w3. org/TR/css3-background/#the-background-position.

Atas ialah kandungan terperinci Bolehkah CSS Meletakkan Imej Latar Belakang Jarak Tertentu dari Tepi Kanan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan