Как сделать нормальный wrap на flexbox?

я прошу прощения , я пишу как обычный обыватель, на скрине одиночный пост находится по центру

хм.. Не совсем понял что за проблему решает ваш код!
1) Где мой адаптив
2) Зачем max-width, если flex-basis стоит?
3) Зачем wrap, если он не используется, так как ширина всегда будет 33%?

Идея в том, что я хотел без медиа запросов сделать адаптив, в вашем же примере надо еще классы для адаптива делать..

Максим Ленский,

Решил поюзать я флексы, но столкнулся о проблеме, которая как я слышал еще не решена. Когда блок врапается, он становится по центру, возможно ли изменить это поведение?

М. Не увидел о 100%... Подскажите чего я не заметил?)
ps. Если 1 то 100%? А если 2 то по 50%? Можно и так сделать.

darksladen, мой код решает проблему, которую вы описали в своём запросе. Дословно.

Какой "ваш адаптив", вы показали одну картинку.

Пишите подробней.
Пожалуйста, сделал вариант который просил Максим Ленский: https://jsfiddle.net/9vdes60x/1/ мб речь об этом? Попробуйте менять ширину окна с примером и количество элементов.

В общем пишите подробнее, разберёмся как сделать лучше : )

SuperToster, я же поправил свой коммент , но всё таки не имел ввиду table-cell я , в попыхах ответил шляпу какую то , inline-block имел ввиду

darksladen,
В общем. Задачу я так и не понял.
1. https://jsfiddle.net/a25z8uy6/1/
2. https://jsfiddle.net/9vdes60x/1/
Это не то?

Если нет, покажите схематичную картинку - что именно должно происходить, при каких условиях.
Тогда я смогу вам помочь.

SuperToster, вопрос же не мой ... я сам могу реализовать любую задачу ... лижбы без давления моды

SuperToster, Я хотел сделать автоадаптив без единого медиа зпроса с помощью wrap.. Вот что хотел - https://codepen.io/anon/pen/bogpjR Но здесь единственный минус, это что блок врапающийся оказывается в центре, но этого конечно никак не избежать.

С медиа запросами конечно все без проблем можно сделать, у вас в примере кстати все равно не то что нужно.. Последний блок когда спадает на новую строку он на всю ширину растягивается.

Вообщем в любом случае надо делать контейнер, как в бутстрапе и фигачить также как на флотах. Хотя в моем примере вроде все круто, за исключением блоков которые скатываются немного не по моему хотению.

Извиняюсь если вопрос тупой и непонятный, только начал осваивать флексы, там еще видео посмотрел где говорят про эту проблему на конференции и чувак сказал, что они всем офисом не смогли ее решить =) А в другом видео услышал, что медиазапросы по минимому можно использовать, но это не так, если хочешь сделать достаточную гибкость, как оказалось =(

SuperToster, Офигеть, получилось!!!! https://codepen.io/anon/pen/bogpjR - с хаком Сергея.. Теперь единственная проблема - я не понимаю как это работает )))

на css table? Решение из 90-х? =) хм.. Тогда уж флотами

с врапом ячеек? покажете?

Сергей, да, мне тоже интересно кстати ) Может css grid имелся ввиду

darksladen, за то работает так же как и у флекса

Сергей, я может и не знаю что такое врап ячеек , что это такое ?

Максим Ленский, wrap - завернуть. Имеется ввиду перенос ячеек на вторую строчку

Сергей, https://codepen.io/simkaUser/pen/EwZPZm?editors=1100 я может быть что то не правильно сделал или не понял ?? но конечно это не table-cell

darksladen, display:table - это не "решение из 90". Это решение для табличных данных, даже в 2017. Ответил вам в своём посте, и сделал ещё один пример.

SuperToster, я не спорю ... хоть их 90х но это единственный (наверно) если не учитывать гриды конкурент флекса , а по крайней мере перенос работает

Да, все круто.. Но вот этот блок по центру стоит все равно =( https://codepen.io/anon/pen/bogpjR - тоже самое

darksladen, так он должен быть НЕ ПО ЦЕНТРУ ?

Максим Ленский, да ) " Когда блок врапается, он становится по центру, возможно ли изменить это поведение?" я же даже фотку приложил )

Но по сути это невозможно сделать, контейнер нужен

darksladen, наверно на самом деле не возможно ...

Максим Ленский, Офигеть, получилось!!!! https://codepen.io/anon/pen/bogpjR - с хаком Сергея.. Теперь единственная проблема - я не понимаю как это работает )))