Rumah > hujung hadapan web > tutorial css > Bolehkah saya Melaraskan Kedudukan Imej-Gaya-Senarai?

Bolehkah saya Melaraskan Kedudukan Imej-Gaya-Senarai?

Linda Hamilton
Lepaskan: 2024-12-08 04:35:10
asal
477 orang telah melayarinya

Can I Adjust the Position of List-Style-Images?

Menyesuaikan Kedudukan Imej Gaya Senarai

Soalan:

Bolehkah kedudukan imej gaya senarai dilaraskan?

Latar Belakang:

Apabila pelapik digunakan pada item senarai, imej gaya senarai kekal pegun, tidak terjejas oleh pelapik.

Jawapan:

Menempatkan secara langsung imej gaya senarai ialah tidak boleh dilaksanakan, kerana pelarasan padding memberi kesan terutamanya kepada kandungan item senarai.

Penyelesaian Alternatif:

Gabungan latar belakang dan padding gaya boleh menyerupai gaya yang serupa kesan.

li {
  background: url(images/bullet.gif) no-repeat left top; /* Adjust 'left' and 'top' for further control */
  padding: 3px 0px 3px 10px;
  /* Reset default styles (optional): */
  list-style: none;
  margin: 0;
}
Salin selepas log masuk

Pilihan Tambahan:

Jika matlamatnya adalah untuk meletakkan item senarai itu sendiri dan bukannya imej titik tumpunya, pertimbangkan untuk menggayakan bekas senarai induk (ul) . Rujuk artikel Brad Frost tentang "A List Apart" untuk mendapatkan cerapan tentang pendekatan ini.

Atas ialah kandungan terperinci Bolehkah saya Melaraskan Kedudukan Imej-Gaya-Senarai?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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