Comment centrer une liste non ordonnée sans DIV parent
En CSS, centrer une liste non ordonnée (
L'extrait de code fourni, avec un div parent, utilise text-align: center sur le div et display: inline-block sur le ul pour centrer la liste. Cependant, cette méthode nécessite un wrapper div parent.
Pour centrer une liste non ordonnée sans div parent, les propriétés CSS telles que margin et text-align ne peuvent pas être utilisées efficacement puisque l'attribut
La solution réside dans la définition de la valeur
Voici le code CSS qui permet d'obtenir cet effet :
<code class="css">ul {
display: table;
margin: 0 auto;
}</code>Pour démontrer, voici un extrait de code qui utilise le code HTML fourni mais sans div parent :
<code class="html"><html>
<body>
<ul>
<li>56456456</li>
<li>4564564564564649999999999999999999999999999996</li>
<li>45645</li>
</ul>
</body>
</html></code>Ce code centrera la liste non ordonnée sur la page, tout en gardant les éléments de la liste alignés à gauche.
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
