Bagaimanakah Saya Boleh Meletakkan Imej Gaya-Senarai?

Kedudukan Imej Gaya-Senarai Dengan Berkesan

Soalan:

Adakah terdapat cara untuk melaraskan kedudukan imej digunakan sebagai titik tumpu dalam senarai (imej gaya senarai)?

Jawapan:

Tidak, melaraskan kedudukan imej gaya senarai tidak boleh dilakukan. Sebabnya ialah pelapik yang digunakan untuk senarai item mempengaruhi kandungan di dalamnya, bukan imej.

Alternatif Pendekatan:

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

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

Kaedah ini meletakkan imej titik menggunakan gaya latar belakang dan mengawalnya jarak daripada teks menggunakan padding.

Pertimbangan:

Jika anda mensasarkan untuk menggayakan bekas senarai induk (ul) untuk meletakkan item senarai bertitik tumpu anda, rujuk artikel A List Apart disebut dalam jawapan yang disediakan untuk panduan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meletakkan Imej Gaya-Senarai?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!