Маржины в принципе не нужны, но если надо то пусть будут. Работают не так как в штмл - за пределы контейнеров не вытекают, только между сиблингами, а от границ контейнера как дополнительные паддинги контейнера
https://mugiseyebrows.github.io/img/mugiml12.png
>Работают не так как в штмл
НАЧАЛОСЬ
#4PDWF5/558
/ @anonymous
/ 1667 дней назад
окей, как подвинуть один блок подальше от другого без лишних элементов в дереве и без margin-{top,bottom}?
#4PDWF5/8NA
/ @enterprize2
/ 1666 дней назад
@enterprize2 padding-top
#4PDWF5/ASH
/ @mugiseyebrows
-->
#4PDWF5/8NA
/ 1666 дней назад
@mugiseyebrows это не то, padding внутри border находится. это не отступ, а присобачивание большого уродливого лба получается.
#4PDWF5/06M
/ @enterprize2
-->
#4PDWF5/ASH
/ 1666 дней назад
@enterprize2 если бордера нет (а его почти всегда нет) то паддинг делает тоже что маргин только лучше
маргины в штмл уродливы и непредсказуемы, выпадают за пределы компонентов как кишка из жопы на любой уровень дерева элементов, тем временем паддинги делают тоже самое и имеют предсказуемое поведение
#4PDWF5/CCW
/ @mugiseyebrows
-->
#4PDWF5/06M
/ 1666 дней назад
@anonymous у меня уже флоаты не так как в штмл работают а по нормальному, сорь
у меня свой язык, делаю что хочу
#4PDWF5/JLG
/ @mugiseyebrows
-->
#4PDWF5/558
/ 1666 дней назад
@mugiseyebrows А ты пошёл дальше плоских яблогугловых интерфейсов, я смотрю!
> если бордера нет (а его почти всегда нет)
Если нет бордеров, то наверняка есть background-color, так что визуально граница всё равно будет.
Да чего теоретизировать, вот тебе штука из практики, в которой без margins не очень:
https://tinystash.undef.im/il/4oHrU521jF2sU7J33CW5hdQe6T6u77qiw2ag4jwSsEAaQwnzBeoUHPmwgkG6t86JbFarmyAX45p5oxbfRuCkYiw.gif
Самое лёгкое решение, тут, конечно, напихать пробельных текстовых нод между элементами, ибо inline-block, но у чуваков шаблонизатор хуёвый, так что этот ответ не подходит.
(inb4 лейблы не нужны^W^W^W элементы-обёртки как на bnw и трата времени и памяти на подраспидорашенного размера DOM.)
#4PDWF5/OVY
/ @enterprize
-->
#4PDWF5/CCW
/ 1665 дней назад
@enterprize > шаблонизатор хуёвый
#4PDWF5/CP8
/ @mugiseyebrows
-->
#4PDWF5/OVY
/ 1664 дня назад
Цоперайт © 2010-2016 @stiletto.