Absolute centering only works when the element you are trying to center has a de... | Hacker News

Hacker Newsnew | past | comments | ask | show | jobs | submit

		vukers on May 22, 2015 \| parent \| context \| favorite \| on: Solved by Flexbox 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.

pcwalton on May 22, 2015 [–]

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

Touche on May 23, 2015 | [–]

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

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact