如何将图像对准中心

Question

我想将图像的对齐方式设置为标题顶部的中心。 我的ERb文件如下：

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

在我的CSS文件中，我有：

#logo {
  padding-bottom: 5px;
  alignment: center;
  width: 100px;
  height: 100px;
}

除对齐方式外，所有CSS代码均适用。 图像仍呈现在屏幕的左侧。 如何使图像对齐中心？

Answer 1

您无需在<p>元素中添加任何样式。 相反，您应该将<img>子元素居中。 另外，没有名为“ alignment ”的CSS属性。 该块将使图像居中：

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