Телеграмм чат группы css

По хорошему задать ширину каждому элементу нужно и через flex-wrap.

17:14пожаловаться #1

T

Boris Slonov

3 флекс строки. Как сделать, чтобы в последней строке ширина айтема была равна ширине айтомов в строках выше?) без фикса что-то не выходит ничего с цсс.

Думаю на жс можно следить за шириной одного из айтемов выше и передавать его в последний, но может есть идеи как на цсс сделать?)

Last-child: flex-grow 1

17:20пожаловаться #2

T

Tim

Last-child: flex-grow 1

Можно изьебнуться и сделать nth-child(odd):last-child() чтобы оно цеплялось только если есть нечетный элемент, но это уже от контента зависит

17:22пожаловаться #3

l

Tim

Можно изьебнуться и сделать nth-child(odd):last-child() чтобы оно цеплялось только если есть нечетный элемент, но это уже от контента зависит

Насколько я понял у него каждая строка в блок взята

17:22пожаловаться #4

T

lesha

Насколько я понял у него каждая строка в блок взята

А, тогда каким-нибудь width:100%

Boris Slonov in CSS — русскоговорящее сообщество

17:23пожаловаться #5

BS

lesha

Насколько я понял у него каждая строка в блок взята

Да, в этом и проблема. Думаю все таки через фикс и врап самое норм.

17:23пожаловаться #6

T

Boris Slonov

Да, в этом и проблема. Думаю все таки через фикс и врап самое норм.

Ну если через врап то можно как я написал

17:24пожаловаться #7

l

Во первых возьми все элементы в один блок

17:24пожаловаться #8

l

И задай им ~23%

17:24пожаловаться #9

l

Дальше flex-wrap

17:24пожаловаться #10

l

Ну и justify-content: space-between

17:24пожаловаться #11

l

Я бы так сделал.

Boris Slonov in CSS — русскоговорящее сообщество

17:25пожаловаться #12

BS

Спасибо что поучаствовали. Жаль что 2 Флекс элемента, которые сами являются контейнерами, не меняются инфой о том, что внутри них) думаю было бы удобно

Michael Chechin in CSS — русскоговорящее сообщество

17:26пожаловаться #13

MC

Boris Slonov

3 флекс строки. Как сделать, чтобы в последней строке ширина айтема была равна ширине айтомов в строках выше?) без фикса что-то не выходит ничего с цсс.

Думаю на жс можно следить за шириной одного из айтемов выше и передавать его в последний, но может есть идеи как на цсс сделать?)

3 блока одинаковых. В первые 2 по 4 флажка, в последний один.

Boris Slonov in CSS — русскоговорящее сообщество

17:36пожаловаться #14

BS

Michael Chechin

3 блока одинаковых. В первые 2 по 4 флажка, в последний один.

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