Какие способы позиционирования посередине ( по вертикали ) вы знаете?

Question

[mars1311]

Интересны варианты того, каким образом корректно позиционировать элемент по вертикали посередине.

Comments

[Lord_Dantes]

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

height: 20px
line-height: 20px;

margin: auto
// work with position fixed;

Answer 1

[Александр]

гугл приди

Comments

[mars1311]

Вопрос не в том, что я не знаю этих способов:
Недавно я услышала от hr вариант с позиционированием через translateY - я таким способом никогда не пользовалась и не слышала ( использовала только в качестве анимации ) , стало интересно вдруг кто-то из присутствующих пользовался подобным или есть еще какой-то альтернативный способ, о котором я не знала

[Александр]

mars1311, все теоретически возможные способы позиционирования уже есть по первым 10 ссылкам в поисковике.

[Александр]

mars1311, и translate по ссылке так же описан

[VegasChickiChicki]

mars1311, Я такое применял ,translate. Обыно когда абсолютным позиционирование смещаешь на 50% ,а потом на 50% поворачиваешь через translate. Может и на 100% ,не помню точно ,но суть такова.

Answer 2

[idkw13]

https://stackoverflow.com/questions/396145/how-to-...
в чем проблема загуглить?)

Comments

[mars1311]

Вопрос не в том, что я не знаю этих способов:
Недавно я услышала от hr вариант с позиционированием через translateY - я таким способом никогда не пользовалась и не слышала ( использовала только в качестве анимации ), стало интересно вдруг кто-то из присутствующих пользовался подобным или есть еще какой-то альтернативный способ, о котором я не знала

[Андрей Охотников]

mars1311, через translateY обычно позиционируют когда элемент имеет position absolute и неизвестную высоту, достаточно распространенный способ

Answer 3

[Сергей delphinpro]

Вместо тысячи слов: Центрирование в CSS полное руководство

Answer 4

[Сергей Котов]

флекс боксы