Artikel von

34 Cross

Tour of a Performant and Responsive CSS Only Site

Der folgende Beitrag ist ein Gastbeitrag von Rajoshi Ghosh und Tanmai Gopal von 34 Cross. Sie haben mir eine E-Mail geschickt, um mir ihre neue Website und deren Leistungsfähigkeit zu zeigen, obwohl sie coole Funktionen, visuell reichhaltig und reaktionsschnell war. Ich war …

12. Feb 2022

flex-basis

Die Eigenschaft flex-basis ist eine Untereigenschaft des Flexible Box Layout Moduls. Sie legt die Anfangsgröße des Flex-Elements fest, bevor der verfügbare Platz gemäß den Flex-Faktoren verteilt wird. Wenn sie aus der flex Kurzschreibweise weggelassen wird, …

30. Sep. 2022

align-self

Die Eigenschaft align-self ist eine Untereigenschaft des Flexible Box Layout Moduls.

Sie ermöglicht es, den Wert von align-items für bestimmte Flex-Elemente zu überschreiben.

Die Eigenschaft align-self akzeptiert die gleichen 5 Werte wie align-items

flex-start: cross-start

…

27. Dez 2018

justify-content

Die Eigenschaft justify-content ist eine Untereigenschaft des Flexible Box Layout Moduls.

Sie definiert die Ausrichtung entlang der Hauptachse. Sie hilft, den übrig gebliebenen zusätzlichen freien Platz zu verteilen, wenn entweder alle Flex-Elemente in einer Zeile unflexibel sind oder …

22. Sep. 2022

align-content flexbox

align-content

Die align-content Eigenschaft ist eine Untereigenschaft des Flexible Box Layout Moduls.

Es hilft, die Zeilen eines Flex-Containers innerhalb des Containers auszurichten, wenn im Querkreuz zusätzlicher Platz vorhanden ist, ähnlich wie justify-content einzelne Elemente innerhalb des … ausrichtet.

28. Juli 2021

align-items

Die Eigenschaft align-items bezieht sich auf das CSS-Layout. Sie beeinflusst, wie Elemente sowohl in Flexbox- als auch in Grid-Layouts ausgerichtet werden.

.container {
  display: flex;
  align-items: flex-start;
}

Syntax

align-items: flex-start | flex-end | center

…

28. September 2022