» » » align-self - выравнивание по вертикали для одного елемента
46 0  

align-self - выравнивание по вертикали для одного елемента

CSS-свойство align-self выравнивает flex-элементы текущей flex-линии, переопределяя значение align-items. Если любой из полей поперечной оси элемента установлен на auto, то align-self игнорируется.

Синтаксис написания:

{align-self: stretch;}

flex-start — элементы выравниваются от начала главной оси;

flex-start 

flex-end — элементы выравниваются от конца главной оси;

flex-end 

center — элементы выравниваются по центру главной оси;

center 

space-between — элементы выравниваются по главной оси, распределяя свободное место между собой;

space-between 

space-around — элементы выравниваются по главной оси, распределяя свободное место вокруг себя;

space-around 

stretch — элементы растягиваются, заполняя всю высоту (значение по умолчанию).

stretch 

Возможный варианты написания

/* Keyword values */ 
align-self: auto; 
align-self: normal; 

/* Positional alignment */ 
/* align-self does not take left and right values */
align-self: center; /* Put the item around the center */ 
align-self: start; /* Put the item at the start */ 
align-self: end; /* Put the item at the end */ 
align-self: self-start; /* Align the item flush at the start */ 
align-self: self-end; /* Align the item flush at the end */ 
align-self: flex-start; /* Put the flex item at the start */ 
align-self: flex-end; /* Put the flex item at the end */ 

/* Baseline alignment */ 
align-self: baseline; 
align-self: first baseline; 
align-self: last baseline; 
align-self: stretch; /* Stretch 'auto'-sized items to fit the container */ 

/* Overflow alignment */ 
align-self: safe center; 
align-self: unsafe center; 

/* Global values */ 
align-self: inherit; 
align-self: initial; 
align-self: unset;


=== Подробнее о поддержке браузерами - https://developer.mozilla.org/


Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2019