Die Eigenschaft „align-content“ für Blocklayouts ist jetzt Teil von Baseline
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Rachel Andrew
Veröffentlicht: 17. April 2024
Sie können jetzt die Eigenschaft align-content aus CSS Box Alignment für Block- und Tabellenlayouts verwenden. So können Sie die Ausrichtung der Blockrichtung anpassen, ohne ein Flex- oder Rasterlayout erstellen zu müssen.
Browser Support
123
123
125
17.4
Die einst unmöglich erscheinende Aufgabe, ein Element vertikal zu zentrieren, wurde durch Flexbox und Grid sowie die align-content-Eigenschaft erleichtert. Dazu musste jedoch ein Flex- oder Rasterlayout erstellt werden.
Die Property wurde für das Blocklayout angegeben und in den letzten Monaten haben alle drei großen Engines die Funktion eingeführt.
Mit align-content für das Blocklayout können Sie eine vertikale Ausrichtung erreichen, ohne ein Flex- oder Grid-Layout für die Eigenschaft erstellen zu müssen. Es sind keine zusätzlichen Eigenschaften erforderlich, da das Element ein Blockelement bleibt. Die einzige Änderung betrifft die Ausrichtung.
Mit der align-content-Property wird die Überschrift vertikal im Blockcontainer zentriert.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2024-04-17 (UTC)."],[],[]]