Beim Erstellen einer Website bin ich kürzlich auf ein Problem gestoßen: Die Navigationsleiste, die ich mit ul-Tags und li-Tags erstellt habe, wollte zentriert werden, ohne die Anzahl von li und die Breite von li, ul zu kennen, aber nachdem ich text-align:center für verwendet hatte ul Aber es hatte nicht den gewünschten Effekt.
Die ursprüngliche Seitenstruktur ist:
Die Stylesheet-Struktur ist:
Code kopieren
Der Code lautet wie folgt: Das ist kein Problem, aber um eine Funktion zu implementieren, muss eine ID (menu ) und zwei Klassen (menu_ul, menu_li) definiert sind, sodass die CSS-Datei aufgebläht ist.
Der Grund, warum ich das Problem der UL-Zentrierung nicht herausfinden kann, ist, dass das CSS zu chaotisch ist. Am Ende der Kette war ich verwirrt. Der Code, der die Struktur definiert, ist auf verschiedene Weise gemischt um den Effekt anzuzeigen. Der Code, den ich geschrieben habe, war durcheinander.
Als mir schwindlig wurde, wollte ich es nicht mehr ändern, also habe ich den Code neu geschrieben, um die oben genannten Funktionen zu implementieren: