html - 使用基础块网格居中图像

Question

这是我正在处理的页面：http: //lorenpaulcaplin.com/jve/illustrations.html

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

如果这是我会使用的文本text-align:center，但生活并不那么容易。基于这个问题，我尝试了这个：

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

但没有运气:(

Answer 1

将 a 添加text-align:center到您的li元素中。

像这样的东西：

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

演示在这里。