Heim  >  Artikel  >  Web-Frontend  >  Wie zentriere ich Elemente in einer horizontalen Liste vertikal?

Wie zentriere ich Elemente in einer horizontalen Liste vertikal?

DDD
DDDOriginal
2024-10-30 15:42:26200Durchsuche

How to Vertically Center `` Elements in a Horizontal `` List?

Vertikal ausrichten

  • Elemente innerhalb von

      Beim Erstellen horizontaler

        Listen kann es erforderlich sein, jede
      • -Liste vertikal zu zentrieren. Artikel aus ästhetischen oder funktionellen Gründen. Standardmäßig ist
      • Elemente werden oben in ihrem Raum ausgerichtet. Diese CSS-Eigenschaft ermöglicht die vertikale Ausrichtung in der Mitte.

        Um

      • Für Elemente kann die Eigenschaft line-height genutzt werden. Durch Festlegen der Zeilenhöhe gleich der Höhe des
      • Element wird der Text innerhalb des Elements vertikal zentriert. Wenn beispielsweise jedes
      • eine Höhe von 30 Pixeln hat, wird die folgende CSS-Regel für eine vertikale Ausrichtung sorgen:

        <code class="css">li {
            height: 30px;
            line-height: 30px;
        }</code>

        Das obige ist der detaillierte Inhalt vonWie zentriere ich Elemente in einer horizontalen Liste vertikal?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

  • Stellungnahme:
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn