Как отцентрировать fixed/absolute элемент не используя хак top/transform?

Question

[wiyod]

Есть ли возможность отцентрировать fixed элемент не используя например

top: 50%
transform: translateY(-50%)

Размеры элемента неизвестны!

Comments

[Ankhena]

Завернуть в обертку и использовать flex или любой другой вариант из предыдущей жизни.

[Yarchick]

для родительского блока

display: flex;
align-items: center;
justify-content: center;

[wiyod]

Флекс поламает остальные элементы в этом контейнере. Имелось ввиду отцентровать этот элемент, не трогая элементы клоторые остались во флоу

Answer 1

[xXRustamXx]

parent {
display: flex;
justify-content: center;
align-items: center;
}

Comments

[wiyod]

Флекс поламает остальные элементы в этом контейнере. Имелось ввиду отцентровать этот элемент, не трогая элементы клоторые остались во флоу

[Pretor DH]

wiyod, Думаю Flex имеется в виду у обертки .parent, а не у самого контейнера.

[Pretor DH]

wiyod, Но если контент блок флекс, то придется однозначно определить ширину и высоту или максимумы и/или минимумы. Если не явно у самого блока, то у самих флекс элементов уж точно. Иначе результат будет не такой как ожидаете.

P.S. Было бы очень неплохо посмотреть сам документ. Что бы поставить окончательный диагноз. А то из ваших слов не совсем понятно.

Answer 2

[Pretor DH]

Используй полно экранную обертку с display flex, или table, или inline-block c vertical-align center ...

Пример FLEX на JSfiddle
Пример TABLE на JSfiddle
Пример INLINE-BLOCK на JSfiddle

Answer 3

[Максим]

это не хак ...а стандартные свойства css3