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>子元素居中。此外，没有名为＆＃34; alignment＆＃34;的CSS属性。此块将使您的图像居中：

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