пример
Сосредоточьте выравниваниях для одного из элементов внутри гибкого элемента:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
Попробуй сам " Определение и использование
Свойство Align-я определяет выравнивание для выбранного элемента внутри гибкого контейнера.
Note: Свойство Align-я переопределяет свойство Align-детали гибкого контейнера в.
| Значение по умолчанию: | auto |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.alignSelf="center" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа с последующим -webkit- указать первую версию, которая работала с приставкой.
| Имущество | |||||
|---|---|---|---|---|---|
| align-self | 21,0 | 11,0 | 20,0 | 9.0 7.0 -webkit- | 12.1 |
CSS Синтаксис
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| auto | По умолчанию. Элемент наследует ALIGN-элементы Свойство родительского контейнера, или "stretch" , если он не имеет родительского контейнера | Сыграй " |
| stretch | Элемент позиционируется, чтобы соответствовать контейнер | Сыграй " |
| center | Элемент расположен в центре контейнера | Сыграй " |
| flex-start | Элемент расположены в начале контейнера | Сыграй " |
| flex-end | Элемент расположен в конце контейнера | Сыграй " |
| baseline | Элемент позиционируется на базовой линии контейнера | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
CSS Ссылка: align-content property
CSS Справка: align-items property
HTML DOM ссылка: alignSelf property