J'ai rencontré un problème récemment lors de la création d'un site Web : la barre de navigation que j'ai construite à l'aide des balises ul et li voulait être centrée sans connaître le nombre de li et la largeur de li, ul, mais après avoir utilisé text-align:center pour ul Mais cela n’a pas eu l’effet escompté.
La structure originale de la page est :
La structure de la feuille de style est :
Il n'y a aucun problème avec cela, mais comme nous voulons implémenter une fonction, nous définir un ID (menu) et deux CLASS (menu_ul, menu_li), donc le fichier CSS Bloated.
La raison pour laquelle je n'arrive pas à comprendre le problème du centrage ul est que le CSS est trop compliqué et compliqué. À la fin de la chaîne, j'étais confus. Le code qui définit la structure est mélangé. toutes sortes de codes pour afficher l'effet. Le code que j'ai écrit était foiré.
Quand mon cerveau avait le vertige, je ne voulais plus le modifier, j'ai donc réécrit le code pour implémenter les fonctions ci-dessus :
<.>
Copier le code
Copier le code
Le code est le suivant :