@wp_starter

Как div-ы во flex контейнере выровнять по контенту?

Как сделать, чтобы во flex-контейнере блоки занимали ширину в зависимости от контента? Но чтобы и не более 3-ех на строке.

Код:

https://codepen.io/Mamikonars/pen/abGGKjQ

То, что сейчас и то что нужно ниже на скрине:

6339e563d6d2f991459095.png
  • Вопрос задан
  • 78 просмотров
Решения вопроса 1
SPART4K
@SPART4K
Middle Front-end Developer (Vue.js/Nuxt.js)
Вот ответ на то как сделать чтобы блоки были шириной в зависимости от контента input'ов, раскоментил points-events: none; чтобы можно было проверить

А чтобы их оставалось только максимум 3 на одной строке может быть не очень корректная задача в такой разметке, думаю тоже придётся через js делить на чанки, класть в каждый блок максимум по 3 и если есть 4ый создавать новый и класть контент туда
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы