Этот вопрос закрыт для ответов, так как повторяет вопрос В чем разница между flex-basis и width?
@crdrads

Использовать только width для флексбокс сетки норм?

Какие последствия могут быть если для сетки использовать не flex-basis а старый добрый width?

Подсел на TailwindCSS а там из коробки идут только width. Можно конечно самому запилисть классы для регулировки ширины как у Буцтрапа, но стало интересно, а какая вообще нафиг разница?
  • Вопрос задан
  • 115 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Разницы не будет до тех пор, пока не повернете главную ось. Например, при адаптации к мобильным размерам.
В случае с шириной, указанное значение так шириной и останется. А в случае basis станет высотой.

Я обычно не меняю направление оси, а только изменяю width или basis. В случае с сеткой вероятнее всего будет также, но надо смотреть как устроена конкретная.
Т.е. вывод: если поворота главной оси нет, то без разницы.

Песочница для горизонтальной основной оси: https://jsfiddle.net/Ls3mdfa5/ В ней можно поэкспериментировать с разными shrink, grow и содержимым ячеек, при том, что у средней в одном случае width, в другом basis.
Ответ написан
Ответы на вопрос 2
@Flying
Разница в том что width определяет строго определённый размер элемента - его размер по оси X, тогда как flex-basis определяет размер элемента вдоль главной оси flexbox контейнера. В случае если flex-direction имеет значения row или row-reverse - разницы нет, а вот в случае если это свойство имеет значение column или column-reverse - разница принципиальная. Всё это есть в документации.
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы