Всем привет. Есть блок из 10 квадратов, в одном ряду

Question

Всем привет. Есть блок из 10 квадратов, в одном ряду

3 квадрата. Располагаются они флексами space-between, но тогда последний квадрат не поцентру. Как лучше, задать последнему квадрату margin: 0 auto, или родителю дать вместо space-between center и отступы сделать?

#css #frontend #html #programming #russian

0

01.06.2021

11 ответов

22 просмотра

Даниил Автор вопроса

Vitaliy Kirenkov
полистай до сегодняшей ночи, гдето в час было подо...

там ж вроде просто "паравозиком", там нужны одинаковые расстояния. Что-то ещё про хак на центрирование писали и скрин присылали, я изменил твоё, так чтобы было как на скрине(у тебя закоменчено было) но центровка не возникла

0

01.06.2021

Vitaliy Kirenkov

Даниил
там ж вроде просто "паравозиком", там нужны одинак...

там ниже есть от него же решение

0

01.06.2021

Никита Чеботов

Даниил
там ж вроде просто "паравозиком", там нужны одинак...

.item:last-child { margin: 0 auto; } Так попробуй

0

01.06.2021

Даниил Автор вопроса

Никита Чеботов
.item:last-child { margin: 0 auto; } Так попроб...

я так и предлагал, но не знаю как лчше сделать. Спасибо

0

01.06.2021

Никита Чеботов

Даниил
я так и предлагал, но не знаю как лчше сделать. Сп...

элементов всегда 5 штук? Будет ли изменяться ширина контейнера? Если да то как должны вести себя элементы? собираться по центру или распределяться с равномерными отступами по все ширине строки?

0

01.06.2021

Даниил Автор вопроса

Никита Чеботов
элементов всегда 5 штук? Будет ли изменяться ширин...

что значит всегда 5? их 10 всего, всегда. Ширина контейнера с уменьшением ширины экрана будет уменьшаться. Элементы должны распределяться с равномерными отступами по все ширине строки, но проблема в том, что когда 1 элемент, расстояние не отсчитывается в 2 сторон

0

01.06.2021

Никита Чеботов

Даниил
что значит всегда 5? их 10 всего, всегда. Ширина к...

ок сорян, 10 штук, перепутал с другим)) значит вариант с margin: 0 auto

0

01.06.2021

Nūrjan Altynsaryūly

может гридами лучше сделать

0

01.06.2021

Даниил Автор вопроса