169 похожих чатов

Подскажите, пожалуйста, у меня есть родительский элемент со свойством display:flex

и justify-items: space between. Правильно ли корректировать положение дочерних элементом при помощи padding left и right?

25 ответов

61 просмотр

да, нормально

В каких то случаях да, в каких то нет. Зависит от задачи и контента.

я бы дал дочернему pos:relative и двигал top/left/right/bottom свойствами

Roman-Римский Автор вопроса
Alex Elkin🇪🇸
В каких то случаях да, в каких то нет. Зависит от ...

я хочу, чтобы "обратный звонок" и "социальные сети" были максимально прижаты вправо, но при сужении экрана уменьшалось расстояние между "меню" и "соц. сети"

Roman Римский
я хочу, чтобы "обратный звонок" и "социальные сети...

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

Andrew
тут тебе будет достаточно обернуть эти две последн...

А потом добавят третью кнопку и что она будет делать с вашим спейс битвин? 🧐. Не лучше ли использовать нормальный поток и маржин авто для одного из элементов?

Alex Elkin🇪🇸
А потом добавят третью кнопку и что она будет дела...

она так же попадет с другими кнопками в правый край. в данном случае нужно всего два блока по краям, и нет разницы-спейс битвин или маржин лефт/райт.

Andrew
она так же попадет с другими кнопками в правый кра...

Ну ок. Не видя макет сложно понять как она туда попадет. Видимо я задачу не понял.

Andrew
я бы дал дочернему pos:relative и двигал top/left/...

@tolkachevroman только так не вздумайте)

Roman-Римский Автор вопроса
Evgeniy Beskrovnyy
@tolkachevroman только так не вздумайте)

Могу только поверить на слово:)

Andrew
а что, совсем плохо?)

в этом случае да, это ниндзякод там где он не нужен)

Evgeniy Beskrovnyy
в этом случае да, это ниндзякод там где он не нуже...

имхо это просто было лучше сдвигания элементов паддингами, сам такой фигнёй в жизни не страдал)

Evgeniy Beskrovnyy
в этом случае да, это ниндзякод там где он не нуже...

Какая интересная метафора для 💩 ... 🤣🤪😇😈

а если между ними одинаковое расстояние, не проще gap прописать

Roman-Римский Автор вопроса
egor savenko
а если между ними одинаковое расстояние, не проще ...

я пока не знаю этого метода, проще говоря, мне нужно указать расстояния между 3 дивами, расположенными в линию. За последние 2 суток, самым простым оказался flex+margin, но потом нужно будет как то удалить 1 из элементов при сужении

Roman-Римский Автор вопроса
egor savenko
а если между ними одинаковое расстояние, не проще ...

нашел, спасибо, это очередное свойство flex, пошел гуглить

Roman-Римский Автор вопроса
Evgeniy Beskrovnyy
@tolkachevroman только так не вздумайте)

Это к моему вчерашнему вопросу. В общем все, что я хотел сделать получилось при помощи flex. Но в моем мире есть еще некий сложный grid, который, как говорят, более универсальный. Я пытаюсь понять, есть ли смысл тратить время на его изучение

Roman-Римский Автор вопроса
Evgeniy Beskrovnyy
Вам не нужно изучать CSS

В последних версиях разработчики, например добавили свойство gap к flex, до этого оно было у grid. У grid секции, аналогично, как я понимаю, можно задать процентами/по ширине содержимого и т.д За сегодня посмотрел 3-4 видео и во всех о grid отзываются как об аттавизме

Roman Римский
В последних версиях разработчики, например добавил...

Вы очень ошибаетесь. Grid — самая передовая и гибкая технология построения лэйаута в CSS

N__C__R Ches
не все верстают на гридах

Что значит «не все верстают на гридах»? Flex и Grid — способы строить лэйаут в CSS, со своими преимуществами и особенностями, сравнивать что лучше или использовать что-то одно, — ошибка новичка, совершенно не понимающего ничего в вебе. В построении архитектуры лэйаута используется как Flex так и Grid, каждый для своих целей. В верстке невозможно применять только всегда Flex или только всегда Grid — это нерационально и крайне странно.

Evgeniy Beskrovnyy
Что значит «не все верстают на гридах»? Flex и Gri...

самая передовая и гибкая технология построения лэйаута

N__C__R Ches
самая передовая и гибкая технология построения лэй...

И почему вы решили, что я имел ввиду, что Grid — панацея?

Похожие вопросы

Обсуждают сегодня

30500 за редактор? )
Владимир
47
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
вы делали что-то подобное и как? может есть либы готовые? увидел картинку нокода, где всё линиями соединено и стало интересно попробовать то же в ddl на lua сделать. решил с ч...
Victor
8
Подскажите пожалуйста, как в CustomDrawCell(Sender: TcxCustomGridTableView; ACanvas: TcxCanvas; AViewInfo: TcxGridTableDataCellViewInfo; var ADone: Boolean); получить наз...
A Z
7
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
1
Он в одиночку это дело запилил или была какая-то команда?
Aquinary
12
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Всем привет, нужна как никогда, нужна помощь с IO в загрузчике. Пишу в code16 после установки сегментных регистров, пишу вывод символа. Пробовал 2 варианта: # 1 mov $0x0E, %a...
Shadow Akira
14
Карта сайта