Вывести элемент по центру другого

03, 16, 2014
bullgare
HTML and CSS
No Comments.

Без заранее не известной ширине и высоте.

.element {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.element {

position: relative;

top: 50%;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

transform: translateY(-50%);

left: 50%;

-webkit-transform: translateX(-50%);

-ms-transform: translateX(-50%);

transform: translateX(-50%);

}

Работает в ИЕ9+.
JS Bin
http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

Вывести элемент по центру другого

Similar Posts

LEAVE A COMMENT Отменить ответ