Html 基于基础块网格的中心图像

这是我正在处理的页面：

我的客户希望图像居中对齐，而不是左侧对齐

如果这是文本，我只会使用

text align:center

，但生活并不是那么简单。基于此，我尝试了以下方法：

ul.small-block-grid-3 img {
    display:block;
    margin:auto; 
}

---

但是运气不好：（

在

li

元素中添加

text align:center

）

大概是这样的：

.fairy > ul > li {
  text-align:center;
}

---

.

非常有效，谢谢。你能解释一下为什么文本对齐可以在图像上工作吗？我有点困惑它为什么对齐非文本元素。元素的命名有点混乱。它更容易被认为是“内容对齐”而不仅仅是“文本对齐”。它应该

居中对齐

任何

内联块

元素。如果你r图像是一个

块

元素，您需要使用

边距：0 auto；

方法。