Css 如何将图像与中心对齐

我想将图像的对齐方式设置为标题顶部的中心。我的雇员再培训局档案如下：

<p id="logo">
  <%= image_tag "logo.png" %>
</p>

---

除了对齐之外，所有CSS代码都适用。图像仍然渲染到屏幕左侧。如何使图像居中对齐？

您不需要向元素添加任何样式。相反，您应该将子元素居中。此外，没有名为alignment的CSS属性。此块将使图像居中：

#logo > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

---

w3schools的示例：

Align只有一个我不确定对齐是否正确。也许谢谢你，我唯一需要改变的就是增加宽度：100px；和hight:100px将徽标设置为固定大小。

#logo > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}