Heim > Web-Frontend > CSS-Tutorial > Welche Attribute hat der Container in CSS?

Welche Attribute hat der Container in CSS?

下次还敢
Freigeben: 2024-04-28 14:36:18
Original
705 Leute haben es durchsucht

Das Containerattribut definiert das Containerelement in CSS und ermöglicht die Steuerung seiner Größe, seines Layouts und seiner Inhaltsanordnung: Größe und Position: Breite, Höhe, Rand, Abstand. Layout: Anzeige (Inline, Block, Flex, Raster). Flex-Richtung (Zeile, Spalte). justify-content(start, end, center). align-items(start, end, center). Inhaltsanordnung: Textausrichtung (links, zentriert, rechts), vertikal ausgerichtet (t

Welche Attribute hat der Container in CSS?

Container-Attribut in CSS

Container ist ein Attribut, das zum Definieren von Containerelementen in CSS verwendet wird. Es ermöglicht Entwicklern die Steuerung seine Größe, sein Layout und seine Inhaltsanordnung.

width:
    Definiert die Breite des Containers.
  • margin:
  • Definiert den Abstand zwischen dem Container und den umgebenden Elementen Die inneren Elemente des Containers und die Kanten des Containers.
  • Layout
  • Anzeige: Legt fest, wie der Container seine untergeordneten Elemente anzeigt:

inline: Untergeordnete Elemente horizontal anordnen block: Untergeordnete Elemente vertikal anordnen. flex: Untergeordnete Elemente mithilfe eines Rasterlayouts anordnen.

  • flex-direction: Gibt die Anordnungsrichtung der untergeordneten Elemente im Flex-Box-Modell an :

      row: horizontale Anordnung.
    • justify- content:
    • Gibt die Ausrichtung der untergeordneten Elemente auf der Hauptachse im Flexbox-Modell an. Sie kann auf die folgenden Werte eingestellt werden:
  • start: left ausgerichtet (für Zeilenanordnung) oder oben ausgerichtet (für Spaltenanordnung) oder unten ausgerichtet (für Spaltenanordnung). der untergeordneten Elemente auf der Querachse im Flexbox-Modell auf die folgenden Werte eingestellt:
  • Start: oben ausgerichtet (für Zeilenanordnung) oder linksbündig (für Spaltenanordnung)

    Ende: unten ausgerichtet (für Zeilenanordnung) oder rechtsbündig (für die Spaltenanordnung).
    • Inhaltsausrichtung
  • text-align:

    Gibt die Ausrichtung des Textes im Container an.
    • links: Ausrichtung nach links.
    • rechts: Ausrichtung nach rechts.
  • Vertikalausrichtung:

    oben: Ausrichtung nach oben. Mittelausrichtung

      bottom: untere Ausrichtung.

Das obige ist der detaillierte Inhalt vonWelche Attribute hat der Container in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage