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

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

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

25 ответов

67 просмотров

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

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

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

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

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

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
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
Карта сайта