Rumah >hujung hadapan web >tutorial css >Mengapa Item Senarai Saya Beralih Selepas Tetapan Semula CSS, dan Bagaimana Saya Boleh Membetulkan Penjajaran?

Mengapa Item Senarai Saya Beralih Selepas Tetapan Semula CSS, dan Bagaimana Saya Boleh Membetulkan Penjajaran?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-25 21:53:12710semak imbas

Why Are My List Items Shifting After a CSS Reset, and How Can I Fix the Alignment?

Senarai Item Beralih Selepas Tetapan Semula CSS: Menjajarkan Baris Kedua dengan Bulet

Selepas menggunakan tetapan semula CSS, beberapa pengguna telah menghadapi masalah di mana baris kedua teks dalam item senarai (li) bermula di bawah titik selepas balut. Penjajaran visual ini boleh dibetulkan dengan melaraskan sifat kedudukan gaya senarai bagi teg li, menetapkannya kepada "di luar".

Walau bagaimanapun, penyelesaian ini boleh membawa kepada isu lekukan dengan peluru. Untuk menangani perkara ini, sifat margin tambahan boleh digunakan pada elemen induk ul, memastikan penjajaran dengan teks di luar senarai.

Penyelesaian Kemas Kini (15 Mac 2014):

ul {
  list-style-position: outside;
  margin-left: 1em;
}

Kod ini menyediakan penyelesaian yang lebih halus, menangani isu lekukan yang disebutkan di atas dan meningkatkan kebolehbacaan. Sifat jidar digunakan pada elemen ul, memastikan keseluruhan senarai diinden, mengekalkan penjajaran yang betul dengan teks di luar senarai.

Atas ialah kandungan terperinci Mengapa Item Senarai Saya Beralih Selepas Tetapan Semula CSS, dan Bagaimana Saya Boleh Membetulkan Penjajaran?. 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