стабильность-признак масстерства
Подробнее
няя J Q ! i • i ■ ^ £'
it-юмор,geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор
Еще на тему
it-юмор geek
Подробнее
няя J Q ! i • i ■ ^ £'
it-юмор,geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор
Подробнее
няя J Q ! i • i ■ ^ £'
it-юмор,geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор
https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container
Вот где реальный изврат. Абсолюта достаточно и релейтив на контейнер, иначе улетит до ближайшего relative-элемента или если таковых нет, до body.
position: absolute;
top: calc(50% - половина высоты);
left: calc(50% - половина ширины);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
Хотя…
margin auto
Зачем Вы зашли на сайт с музейного экспоната?
просто не так часто нужно, что бы само запомнилось, специально запоминать нет времени (наверно)
display: table-cell;
Text-align:center;
Vertical-align:center;
Самому div
Display: inline-block
align-self: center
Дальше независимо от родителя он всегда будет в центре.
*Крики боли*
Словил флешбеки о тех временах, когда приходилось касаться фронтенда и html + css. Flexbox ещё не изобрели.