Element im GRID-Container ausrichten
bearbeitet von
Servus!
> Ich habe ein GRID Gerüst mit 3 Zeilen und 3 Reihen erstellt. Also 9 Container.
Eigentlich bezeichnet man das Gerüst als *Container*, die einzelnen Rasterfelder als Elemente.
> Im Container 2 soll der Text unten ausgerichtet sein. Im CSS-Teil konnte ich Schrift mit "text-align: center" schon mal mittig ausrichten.
>
> Jetzt wollte ich eben noch den Text innerhalb diesen Containers den Text nach unten ausrichten.
>
> Ja die Frage ist jetzt, wie bekomme ich das hin?
[CSS/Tutorials/Grid/**Ausrichtung_von_Grid-Items**](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Ausrichtung_von_Grid-Items)
>Etwas weiter unten auf der Seite ist der Absatz "align-items". Ich dachte, dass wäre die Lösung. Aber das funktioniert nicht.
`align-items` richtet **alle** Felder **eines Grid** aus
`align-self`richtet nun einzelne Rasterelemente vertikal am Raster aus. Dabei wird der durch align-items gesetzte Wert überschrieben.
[align-self](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Ausrichtung_von_Grid-Items#align-self)
Herzliche Grüße
Matthias Scharwies
--
Was ist eine Signatur?
Element im GRID-Container ausrichten
bearbeitet von
Servus!
> Ich habe ein GRID Gerüst mit 3 Zeilen und 3 Reihen erstellt. Also 9 Container. Im Container 2 soll der Text unten ausgerichtet sein. Im CSS-Teil konnte ich Schrift mit "text-align: center" schon mal mittig ausrichten.
>
> Jetzt wollte ich eben noch den Text innerhalb diesen Containers den Text nach unten ausrichten.
>
> Ja die Frage ist jetzt, wie bekomme ich das hin?
[CSS/Tutorials/Grid/**Ausrichtung_von_Grid-Items**](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Ausrichtung_von_Grid-Items)
>Etwas weiter unten auf der Seite ist der Absatz "align-items". Ich dachte, dass wäre die Lösung. Aber das funktioniert nicht.
`align-items` richtet **alle** Felder **eines Grid** aus
`align-self`richtet nun einzelne Rasterelemente vertikal am Raster aus. Dabei wird der durch align-items gesetzte Wert überschrieben.
[align-self](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Ausrichtung_von_Grid-Items#align-self)
Herzliche Grüße
Matthias Scharwies
--
Was ist eine Signatur?
Element im GRID-Conainer ausrichten
bearbeitet von
Servus!
> Ich habe ein GRID Gerüst mit 3 Zeilen und 3 Reihen erstellt. Also 9 Container. Im Container 2 soll der Text unten ausgerichtet sein. Im CSS-Teil konnte ich Schrift mit "text-align: center" schon mal mittig ausrichten.
>
> Jetzt wollte ich eben noch den Text innerhalb diesen Containers den Text nach unten ausrichten.
>
> Ja die Frage ist jetzt, wie bekomme ich das hin?
[CSS/Tutorials/Grid/**Ausrichtung_von_Grid-Items**](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Ausrichtung_von_Grid-Items)
>Etwas weiter unten auf der Seite ist der Absatz "align-items". Ich dachte, dass wäre die Lösung. Aber das funktioniert nicht.
`align-items` richtet **alle** Felder **eines Grid** aus
`align-self`richtet nun einzelne Rasterelemente vertikal am Raster aus. Dabei wird der durch align-items gesetzte Wert überschrieben.
[align-self](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Ausrichtung_von_Grid-Items#align-self)
Herzliche Grüße
Matthias Scharwies
--
Was ist eine Signatur?