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
387 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!

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