Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Melaraskan Kedudukan Imej-Gaya-Senarai?

Bagaimanakah Saya Boleh Melaraskan Kedudukan Imej-Gaya-Senarai?

Linda Hamilton
Linda Hamiltonasal
2024-12-07 16:45:15808semak imbas

How Can I Adjust the Position of a List-Style-Image?

Pelarasan Kedudukan untuk Imej Gaya Senarai

Soalan:

Bolehkah kedudukan imej gaya senarai diubah suai? Jika ya, bagaimana saya boleh melakukannya?

Jawapan:

Melaraskan kedudukan imej gaya senarai menggunakan pelapik pada item senarai tidak boleh dilaksanakan. Ini kerana pelapik terutamanya mempengaruhi kandungan dalam item senarai, meninggalkan imej tidak disentuh.

Untuk mencapai kesan yang sama, gabungan gaya latar belakang dan pelapik boleh digunakan:

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

Sebagai alternatif, penggayaan boleh digunakan pada bekas senarai induk (ul) untuk meletakkan item senarai bertitik tumpu. Artikel A List Apart yang dirujuk di bawah memberikan maklumat berharga dalam hal ini:

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaraskan Kedudukan Imej-Gaya-Senarai?. 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