如何將圖像對准中心

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%;
}