Comment résoudre les problèmes de numérotation des listes ordonnées imbriquées en HTML ?

Listes ordonnées HTML : compteurs imbriqués et problèmes de portée

En HTML, l'utilisation de compteurs et de portée CSS peut aider à créer des listes ordonnées structurées. Cependant, des problèmes surviennent parfois lors de la tentative d'imbrication de ces compteurs.

Le problème

Lors de la configuration de listes ordonnées imbriquées avec des compteurs, certains peuvent rencontrer une numérotation incorrecte dans les listes enfants . Au lieu de la structure imbriquée attendue, la numérotation peut continuer progressivement à partir de la liste parent lors du retour à celle-ci.

La solution

Pour résoudre ce problème, assurez-vous que l'option Normaliser CSS est désactivé. Dans les anciens navigateurs, cette réinitialisation CSS met souvent à zéro toutes les marges et tous les remplissages de liste, ce qui entraîne des problèmes d'alignement. Vous pouvez également imbriquer les sous-listes dans le fichier principal

éléments peuvent résoudre le problème.

Exemple

<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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!