Maison > interface Web > tutoriel CSS > Plusieurs points qui me viennent à l'esprit lors de la résolution du problème de l'échange ul centering_Experience

Plusieurs points qui me viennent à l'esprit lors de la résolution du problème de l'échange ul centering_Experience

WBOY
Libérer: 2016-05-16 12:07:34
original
2141 Les gens l'ont consulté

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 :

Copier le code Le code est le suivant :
La structure de la feuille de style est :


Copier le code Le code est le suivant :



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
Le code est le suivant :





Copier le code

Le code est le suivant :