Различия

Показаны различия между двумя версиями страницы.

--- css:flexbox [2023/03/04 13:20] – [flex] so_v_a
+++ css:flexbox [2026/08/06 09:04] (текущий) – so_v_a
@@ Строка 1: / Строка 1: @@
+<!DOCTYPE markdown>
 # Шпаргалка по Flexbox CSS
@@ Строка 10: / Строка 12: @@
 **Применяется** ко: всем элементам.
+| | |
+| :--: |:-------|
 |flex    |Элемент ведёт себя как блочный и выкладывает содержимое согласно флекс-модели.|
 |inline-flex    |Элемент ведёт себя как строчный и выкладывает содержимое согласно флекс-модели.|
@@ Строка 23: / Строка 27: @@
   * column-reverse
-Свойство flex-direction задаёт направление основных осей в контейнере и тем самым определяет положение флексов в контейнере. На само направление также влияет значение атрибута dir у контейнера.
+Свойство flex-direction задаёт направление основных осей в контейнере и тем самым определяет положение флексов в контейнере. На само направление также влияет значение атрибута **dir** у контейнера.
 **Применяется** к: flex контейнерам.
+| | |
+| :--: |:-------|
 |row    |Главная ось направлена так же, как и ориентация текста, по умолчанию слева направо. Если значение dir задано как rtl, то направление оси идёт справа налево.|
 |row-reverse    |Похоже на значение row, но меняются местами начальная и конечная точки и главная ось направлена справа налево. Если значение dir задано как rtl, то направление оси идёт слева направо.|
@@ Строка 44: / Строка 50: @@
 **Значение по умолчанию**: nowrap.
+| | |
+| :--: |:-------|
 |nowrap    |Флексы выстраиваются в одну линию.|
 |wrap    |Флексы выстраиваются в несколько строк, их направление задаётся свойством flex-direction.|
@@ Строка 78: / Строка 86: @@
 **Значение по умолчанию**: flex-start.
+| | |
+| :--: |:-------|
 |flex-start    |Флексы прижаты к началу строки.|
 |flex-end    |Флексы прижаты к концу строки.|
@@ Строка 98: / Строка 109: @@
 **Значение по умолчанию**: stretch.
+| | |
+| :--: |:-------|
 |flex-start    |Флексы выравниваются в начале поперечной оси контейнера.|
 |flex-end    |Флексы выравниваются в конце поперечной оси контейнера.|
@@ Строка 120: / Строка 133: @@
 **Значение по умолчанию**: stretch.
+| | |
+| :--: |:-------|
 |flex-start    |Строки располагаются в начале поперечной оси. Каждая следующая строка идёт вровень с предыдущей.|
 |flex-end    |Строки располагаются начиная с конца поперечной оси. Каждая предыдущая строка идёт вровень со следующей.|
@@ Строка 144: / Строка 159: @@
 **Значение по умолчанию**: auto.
+| | |
+| :--: |:-------|
 |flex-start    |Элемент выравнивается в начале поперечной оси контейнера.|
 |flex-end    |Элемент выравнивается в конце поперечной оси контейнера.|