Алигн-селф - ЦСС-трикови

align-selfИмовина је под-својство Флексибилна кутија Лаиоут модула.

Омогућава поништавање align-itemsвредности за одређене флекс ставке.

align-selfИмовине прихвата исте 5 вредности као align-items:

• flex-start: ивица марже унакрсног старта стављена је на линију унакрсног старта
• flex-end: попречна ивица маргине ставке постављена је на попречну линију
• center: ставка је центрирана у попречној оси
• baseline: ставке су поравнате као што су поравнате њихове основне линије
• stretch (подразумевано): истегните да напуните контејнер (и даље поштујте минималну ширину / максималну ширину)

Синтакса

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

Демо

Следећа демонстрација показује како се ставка може поравнати у флекс контејнеру у зависности од align-selfвредности:

• Прва ставка је постављена на flex-start
• Друга ставка је постављена на flex-end
• Трећа ставка је постављена на center
• Четврта ставка је постављена на baseline
• Пета ставка је постављена на stretch

Погледајте демонстрацију Пен-алигн-селф од ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

Подршка прегледача

Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.

Десктоп

Хром	Фирефок	ИЕ	Ивица	Сафари
21 *	28	11	12	6,1 *

Мобиле / Таблет

Андроид Цхроме	Андроид Фирефок	Андроид	иОС Сафари
88	85	4.4	7,0-7,1 *

За више информација о томе како мешати синтаксе како бисте добили најбољу подршку за прегледач, погледајте овај чланак (ЦСС-трикови) или овај чланак (ДевОпера).