Align-én - CSS-trükkök

Az align-selfingatlan a Flexible Box Layout modul egyik al-tulajdonsága.

Lehetővé teszi align-itemsbizonyos flex elemek értékének felülbírálását .

A align-selfszálláshely ugyanazokat az 5 értékeket fogadja el, mint align-items:

• flex-start: az elem kereszt-kezdő margó széle a kereszt-kezdősorra kerül
• flex-end: az elem keresztirányú margószéle a keresztirányú vonalra kerül
• center: az elem középpontja a kereszttengelyben
• baseline: az elemek igazodnak, például az alapvonaluk
• stretch (alapértelmezett): nyújtás a tartály megtöltéséhez (még mindig tartsa be a min-szélesség / max-szélességet)

Szintaxis

align-self: auto | flex-start | flex-end | center | baseline | stretch .flex-item ( align-self: flex-end; )

Demó

A következő bemutató bemutatja, hogy az elem miként igazodhat a flex tárolóba az align-selférték függvényében :

• Az 1. elem beállítása: flex-start
• A 2. elem értéke: flex-end
• A 3. elem beállítása: center
• A 4. elem beállítása: baseline
• Az 5. elem beállítása stretch

Lásd a CSS-Tricks (@ css-tricks) Pen align-self demóját a CodePen-en.

Böngésző támogatás

Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.

Asztal

Króm	Firefox	AZAZ	Él	Szafari
21 *	28.	11.	12.	6,1 *

Mobil / Tablet

Android Chrome	Android Firefox	Android	iOS Safari
88	85	4.4	7,0–7,1 *

A szintaxisok keverésével kapcsolatos további információkért a legjobb böngésző-támogatás érdekében olvassa el ezt a cikket (CSS-trükkök) vagy ezt a cikket (DevOpera).