flex

Различия

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

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
flex [2023/09/21 20:17]
tro [flex-shrink]
flex [2023/09/21 20:19] (текущий)
tro [flex-shrink]
Строка 81: Строка 81:
 flex-grow: 0; //0 - утискаються, 1-розтягуются...можна 1000 - то це буде коєфіцієнт відносто того у кого меньше. Або 0.5 flex-grow: 0; //0 - утискаються, 1-розтягуются...можна 1000 - то це буде коєфіцієнт відносто того у кого меньше. Або 0.5
 </code> </code>
-==== flex-shrink ====+===== flex-shrink =====
 На противагу властивості flex-grow, flex-shrink визначає здатність flex-елемента займати менше місця (стискатися), ніж його початковий розмір, тобто впливає на фінальний розмір елемента. На противагу властивості flex-grow, flex-shrink визначає здатність flex-елемента займати менше місця (стискатися), ніж його початковий розмір, тобто впливає на фінальний розмір елемента.
 <code> <code>
 flex-shrink: 1; //1 - за замовчуванням дозволено утискатись, 0-розтягуются...можна 1000 - то це буде коєфіцієнт відносто того у кого меньше. flex-shrink: 1; //1 - за замовчуванням дозволено утискатись, 0-розтягуются...можна 1000 - то це буде коєфіцієнт відносто того у кого меньше.
 </code> </code>
 +=====align-self=====
 +дозволяє елементу змінити своє розташування на cross axis, перевизначивши собі значення властивості align-items від контейнера.
 +align-self: auto | flex-start | flex-end | center | baseline | stretch
 ===== order ===== ===== order =====
 Для сортування / порядку / вага єлементу. Сортування від меньшого до більшого. Можна і мінусові значення. Для сортування / порядку / вага єлементу. Сортування від меньшого до більшого. Можна і мінусові значення.
  • /sites/data/attic/flex.1695327432.txt.gz
  • Последнее изменение: 2023/09/21 20:17
  • tro