пример
Установите направление гибких элементов внутри <div> элемент в обратном порядке:
div
{
display: -webkit-flex; /* Safari */
-webkit-flex-direction: row-reverse; /* Safari 6.1+ */
display: flex;
flex-direction: row-reverse;
}
Попробуй сам " Определение и использование
Свойство флекс-направление определяет направление гибких элементов.
Note: Если элемент не является гибким элемент, свойство флекс-направление не имеет никакого эффекта.
| Значение по умолчанию: | row |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.flexDirection="column-reverse" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следуют -webkit- или -moz- указать первую версию, которая работала с приставкой.
| Имущество | |||||
|---|---|---|---|---|---|
| flex-direction | 29,0 21,0 -webkit- | 11,0 | 28,0 18,0 -moz- | 9.0 6.1 -webkit- | 17,0 |
CSS Синтаксис
flex-direction: row|row-reverse|column|column-reverse|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| row | Значение по умолчанию. Эластичные элементы отображаются горизонтально, как строка | Сыграй " |
| row-reverse | То же, что ряд, но в обратном порядке | Сыграй " |
| column | Эластичные элементы отображаются в вертикальном положении, как столбец | Сыграй " |
| column-reverse | То же, что колонки, но в обратном порядке | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
CSS Ссылка: flex-flow property
CSS Ссылка: flex-wrap property
CSS Ссылка: flex property
CSS Справка: flex-grow property
CSS Справка: flex-shrink property
CSS Справка: flex-basis property
HTML DOM ссылка: flexDirection property