Bagaimanakah Saya Boleh Membetulkan Garisan Senarai Tidak Sejajar Selepas Menggunakan Tetapan Semula CSS?

Membetulkan Penjajaran Baris dalam Senarai Tetapan Semula CSS

Dalam bidang penggayaan, tetapan semula CSS ialah alat berharga yang menyediakan konsistensi asas untuk pembangunan web. Walau bagaimanapun, elemen tertentu mungkin memerlukan tweaker tambahan selepas tetapan semula digunakan. Satu isu biasa ialah penjajaran baris dalam senarai (

).

Masalahnya: Garisan Tidak Sejajar Selepas Set Semula

Selepas menggunakan tetapan semula CSS , jika teks dalam item senarai (

• ) cukup panjang untuk dibalut pada baris kedua, anda mungkin menghadapi isu di mana teks bermula di bawah titik dan bukannya menjajarkan dengan teks di sebelah kanan titik tumpu.

  Penyelesaian: Menetapkan Kedudukan-Gaya-Senarai

  Untuk menyelesaikan masalah penjajaran ini, laraskan sifat kedudukan gaya senarai untuk elemen li. Secara lalai, sifat ini ditetapkan ke dalam, menyebabkan teks membungkus peluru. Menukarnya ke luar akan mengalihkan titik tumpu ke luar senarai, menghasilkan penjajaran teks yang betul.

  ul li {
    list-style-position: outside;
  }

  Salin selepas log masuk

  Pertimbangan

  Sementara pembetulan ini menjajarkan teks dalam senarai , ia boleh membuat salah jajaran antara titik tumpu dan teks di luar senarai. Untuk menangani perkara ini, pertimbangkan untuk menambah jidar-kiri pada elemen ul, seperti yang ditunjukkan di bawah:

  ul {
    margin-left: 1em;
  }

  Salin selepas log masuk

  Dengan melaksanakan pelarasan ini, anda boleh memastikan baris senarai anda diselaraskan dengan betul dalam reka bentuk web anda, walaupun selepas menggunakan tetapan semula CSS.

  Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membetulkan Garisan Senarai Tidak Sejajar Selepas Menggunakan Tetapan Semula CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!