Свойство flex

Сокращенная запись для свойств flex-grow, flex-shrink, flex-basis и применяется к элементам контейнера flexbox

flex: 1 1 100px;
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Значения

flex: 1;

Если указан один параметр без единиц измерения - определяет значение для flex-grow

flex: 50%;

Если указан один параметр с единицами измерения - определяет значение для flex-basis

flex: 1 50%;

Если указано два параметра, первый без единиц измерения, второй с единицами измерения - определяет значение для flex-grow и flex-basis

flex: 1 2;

Если указано два параметра и оба без единиц измерения - определяет значение для flex-grow и flex-shrink

flex: 1 2 50%;

Если указаны все три параметра, определяет flex-grow, flex-shrink, flex-basis

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии