Как центрировать DIV с неизвестным размером по горизонтали и вертикали на экране

Мне нужно центрировать DIV по центру за пределами экрана, как по горизонтали, так и по вертикали, я не знаю размер DIV, а div position:fixed;.

Этот трюк с отрицательным полем не работает, потому что я не знаю размер элемента div. верх:50%; слева: 50%; маг-топ:-100; поле слева:-100;

Поле слева: авто; margin-right: auto;не работает, потому что не работает с position:fixed;и margin-top:auto; margin-bottom:auto;также не центрируется по вертикали;

Я обнаружил, что этот метод: display: table-cell; выравнивание по вертикали: посередине;не работает эфир;

Я знаю, как сделать это с помощью JavaScript, используя getComputedStyle, чтобы получить размер содержимого div и выполнить математические расчеты, чтобы зафиксировать его положение, но мне нужно чистое решение CSS, потому что я не хочу запускать JS каждый раз, когда мой содержимое div меняется.

7
задан Michael Petrotta 20 May 2012 в 06:09
поделиться