css - 当我使用 css 将 div 对齐到页面的中心时，它从图像的左侧而不是中心开始

Question

这是HTML

<div id="logo">
   <img src="image.png" 
</div>

这是它的 CSS

#logo {
    position: absolute;
    display:block;
    /*background:#00FFCC;*/
    top: 5px;
    left:50%;
    max-width: 520px;
    max-height: 150px;
    min-height: 150px;
    min-width: 520px;
}

图像在 div 的中心对齐，但是当我将 50% 作为 left 属性时，它使用 div 的左侧作为中心点，所以 div 的左侧在中心而不是中间，我该如何更改？

Answer 1

您可以简单地使用它(或 margin-left):

margin:0 auto;