top | item 9590291

(no title)

vukers | 10 years ago

Absolute centering only works when the element you are trying to center has a defined height. If you are trying to center an element with unknown height inside a container with unknown height, the table-cell is likely the front-runner, sadly.

discuss

order

pcwalton|10 years ago

I like the translateY(-50%) trick. But yeah, it is a pain point. Hence flexbox.

Touche|10 years ago

People always suggest margin auto but at least for me having defined heights for elements is the very rare exception.