Как правильно прописать flex-box?

Здравствуйте.
Нужно расположить блоки по порядку, друг за другом, но так, что бы когда окно браузера увеличивалось, расстояние между ними тоже соответственно увеличивалось.
Думаю сделать через flex
Пока получается не совсем то, что нужно мне
5d4dd42b669f46399361e8bb800ae3ad.png
А нужно мне, что бы 7 8 9 блок, во второй строке выглядели так же как 1 2 3
Codepen
Буду благодарен любому совету!
  • Вопрос задан
  • 465 просмотров
Пригласить эксперта
Ответы на вопрос 2
Olek1
@Olek1
если правильно понимаю вопрос то так:
https://codepen.io/anon/pen/jGbBgj не так, нет?
или так:
https://codepen.io/anon/pen/boVWdZ
(поделитесь другим ответом, тоже буду благодарен любому совету)
Ответ написан
Комментировать
Astrohas
@Astrohas
Python/Django Developer
Никак!
Хотя можно накостылить пару вариантов.
1)
.astrohas {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.astrohas:after {
  content: "";
  flex: auto;
}

фактически принудительно создать псевдоэлемент который будет заполнять последнюю строку.
2) Невидимые блоки - создаете блоки (на бекенде или фронтенде) и заполняете ими для того чтобы было равновесие.
3) Указывайте фактические размеры, да и вообще, не используйте jc:sb для многострочных наборов.
Если ну очень лень подбирать маргины, делайте инлайн блоками, тоже хорошая вещь.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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