Bagaimana untuk Membetulkan Isu Penomboran Senarai Tersusun Bersarang dalam HTML?

Senarai Tertib HTML: Kaunter Bersarang dan Isu Skop

Dalam HTML, menggunakan pembilang CSS dan skop boleh membantu mencipta senarai tersusun berstruktur. Walau bagaimanapun, kadangkala isu timbul apabila cuba menyarangkan kaunter ini.

Masalahnya

Apabila menyediakan senarai tertib bersarang dengan kaunter, sesetengah mungkin menghadapi penomboran yang salah dalam senarai anak . Daripada struktur bersarang yang dijangkakan, penomboran mungkin diteruskan secara berperingkat daripada senarai induk apabila kembali kepadanya.

Penyelesaian

Untuk menangani isu ini, pastikan Normalize CSS dilumpuhkan. Dalam penyemak imbas lama, tetapan semula CSS ini sering menetapkan semua margin senarai dan pelapik kepada sifar, yang membawa kepada masalah penjajaran. Sebagai alternatif, sarangkan sub-senarai dalam

elemen boleh menyelesaikan isu.

Contoh

<ol>
  <li>one</li>
  <li>two
    <ol>
      <li>two.one</li>
      <li>two.two</li>
      <li>two.three</li>
    </ol>
  </li>
  <li>three
    <ol>
      <li>three.one</li>
      <li>three.two
        <ol>
          <li>three.two.one</li>
          <li>three.two.two</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>four</li>
</ol>

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Isu Penomboran Senarai Tersusun Bersarang dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!