Wie richtet man „Elemente innerhalb eines „' mit CSS horizontal aus?

Horizontale Anzeige von Listenelementen in

Mit CSS

Frage:

Wie können Sie

Elemente innerhalb eines

Verwenden von CSS?

Antwort:

Um Listenelemente horizontal anzuzeigen, müssen wir ihr inhärentes Blockelementverhalten ändern und sie mithilfe der Anzeigeeigenschaft in Inline-Elemente umwandeln.

Code-Korrektur:

Im bereitgestellten Code wird die Eigenschaft display: inline direkt angewendet zum

, was keine Auswirkung auf die Listenelemente hat. Stattdessen sollten wir die Listenelemente gezielt auswählen:

#ul_top_hypers li {
  display: inline;
}

Erklärung:

Durch Anwenden der display: inline-Eigenschaft auf jedes

• Element, werden sie zu Inline-Elementen. Inline-Elemente fließen horizontal innerhalb des umgebenden übergeordneten Containers und können so horizontal ausgerichtet werden.

  Arbeitsbeispiel:

  Der folgende aktualisierte Codeausschnitt zeigt die Listenelemente horizontal an:

  <div>

  Das obige ist der detaillierte Inhalt vonWie richtet man „Elemente innerhalb eines „' mit CSS horizontal aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!