AN
ID:714296394
интересно, можно ли отцентрировать элемент зажав его padding родителя?_
Да. Но лучше такое не практиковать.
Size: a a a
2019 May 25
AN
Типа трансформациями ещё можно.))
РК
Мне кидали как-то тестовое задание, в котором, среди прочего, нужно было центровку сделать. Я нашёл два самых адекватных варианта - флексы и трансформ)
РК
Ну, как нашёл.. вспомнил :D
AN
Ну вы поняли - каждый дрочит как хочет. Пардон.
NK
скриптами круто центрировать)
VL
ID:714296394
скриптами круто центрировать)
И оформлять
AN
Можно ещё нейронку написать.
VL
И вообще к чертям этот цсс)))
AN
И оформлять
И получим реакт.
NK
пофиг на все значения) взял середину рдителя) взял середину элемента)) отодвинул, готово)))
РК
Ну так можно вообще без html и css обойтись, всё на js))
NK
да) реально реакт)
РК
ID:714296394
пофиг на все значения) взял середину рдителя) взял середину элемента)) отодвинул, готово)))
А это и есть же через трансформы. Типа, left: 50%, top: 50%, transform: translate(-50%, -50%)
NK
а..мм..
NK
но ведь оно не учитывает высоту элемента самого, верно?)
NK
он его верхушку выставит в центр родителя)
AN
Можно ещё положение элемента к положению курсора привязать - пусть пользователь сам центрирует.
РК
Почему? Ты все эти свойства задаёшь дочернему элементу. На лефт-топ он в центре выставляет верхний левый угол элемента, а потом transform отнимает по 50% от ширины и высоты центрируемого элемента, и получается идеальная центровка)
AN
Почему? Ты все эти свойства задаёшь дочернему элементу. На лефт-топ он в центре выставляет верхний левый угол элемента, а потом transform отнимает по 50% от ширины и высоты центрируемого элемента, и получается идеальная центровка)
Трустори.