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

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

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

25 ответов

14 просмотров

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

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

я бы дал дочернему 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 — панацея?

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

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

а зачем этот вопрос для удаления из чата?
Mёdkinson Medvezhkin
63
Добрый день. Хочу сделать отрисовку по команде на панели. Почему-то рисуется только при втором вызове. С чем может быть связано, не подскажете? procedure TForm1.FormDblClick(...
Kirill Filippenok
20
Всем доброго дня! Подскажите может кто использовал связку Pagebuilder + Clientsetting. Сами параметры с типом pagebuilder в модуле Clientsetting работают нормально, можно такж...
Александр Добриков
12
А почему в си некоторые вещи работают с двойными кавычками некоторые с одинарными? Нельзя было все сделать с одними или чтоб работало с разными? например чтоб выводить строки ...
.
15
Всем привет! Нужен совет от опытных. Переношу свой проект с Делфи 10.2 Токио на Лазарус 3.2 установленный через инсталлятор fpcupdeluxe-x86_64-win64. При импортировании проект...
Дмитрий Завгородний
7
Эх кто-то пришел и весь праздник испортил :( You need complex FBX scene importing setup to change things on import? good luck with that. You need navigation and pathfinding? g...
Serg Gini
5
Всем привет! Подскажите. Я написал приложение на Delphi 10.2 Tokyo под Windows 10. И передо мной стал вопрос о том чтобы сделать это приложение кроссплатформенным (под Linux и...
Дмитрий Завгородний
24
Всем привет! procedure TForm1.FormCreate(Sender: TObject); type TStartEnd = record S: Byte; E: Byte; end; var a, b: TStartEnd; begin {1} a.S := 1; {2} a.E := 2; ...
Руслан Михайлович
10
Всем привет!) я тут новенький и пытаюсь освоить evolution методом тыка. У меня при переходе между папками файлов выскакивают вот такие уведомления Можете подсказать как их от...
Диман Samoed
10
Какого хера? /Sources/App/Modules/User/Models/UserLinkApple.swift:21:20: warning: stored property '_id' of 'Sendable'-conforming class 'UserLinkApple' is mutable @ID(...
Alexander Sherbakov
14
Карта сайта