Re:How to center a div in CSS
by 4death4 on Tuesday February 13, 2024 @06:11PM
(#39364154)
Maybe I missed it, but position: absolute, left: 50%, transform: translateX(-50%) is usually my go to.
[ Parent
| on HN ]
I was kinda surprised that this method wasn't included in the article. While I use flexbox for centering most of the time, I still find myself resorting to the absolute positioning way sometimes.
Centering like this can make your element blurry on non-hidpi screens, because transforms are not snapped to the pixel grid like layout properties, and 50% can sometimes land on a subpixel
Is this still relevant? I thought browsers had proper support for sub-pixels now.
I think this was exclusive to Chrome.
https://issues.chromium.org/issues/40431598
Seems like they managed to kinda fix it in some cases, but some of the reproductions provided in the issue tracker are still working, so I would be careful
What do you do when position isn’t absolute?