对齐元素中心保持位置绝对

Question

我正在尝试将元素保持在其父级的中心，保持其position:absolute和“display：inline-block”。通过这种策略，我无法保持其中心。

Answer 1

您只需要position:absolute不需要display:inline-block

设置left:50%; top:50%并添加transform: translate(-50%, -50%);以使其center horizontally或vertically