html – 使用Foundation Block Grid的中心图像

这是我正在处理的页面:

http://lorenpaulcaplin.com/jve/illustrations.html

我的客户希望图像居中对齐,而不是左侧排列.

如果这是文本,我只使用text-align:center,但生活并不那么容易.根据this question,我试过这个:

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

但没有运气:(

最佳答案 在li元素中添加text-align:center.

像这样的东西:

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

Demo here.

点赞