css - 从中间而不是边缘定位绝对 div

Question

我有一个绝对定位的可变宽度的 div，我想将其定位在父(相对)div 中的某个 x 位置。我可以通过设置来做到这一点

left: 50px

但是我希望元素以 50px 标记为中心，而不是让它的左边缘或右边缘位于 50px。我可以通过获取宽度并手动设置它来使用 javascript 来做到这一点，但是有没有办法只使用 CSS 来做到这一点？ (最好不要使用转换和其他更新的功能，尽管我会尽我所能)

Answer 1

是的。

你仍然可以使用 left:50px 但添加

transform:translateX(-50%);

这会将元素拖回其自身宽度的 50%.. 不管那是什么。