css - 为移动设备调整图像大小 - 一切正常，但图像不会居中

Question

我将图像的大小调整为 66%，一切看起来都很棒，除了它们是左对齐的。我在 CSS 中使用了这段代码

/*cells smaller for mobile*/
@media screen
and (min-device-width: 320px) 
and (max-device-width: 480px) {
.cell-large{
max-width: 66%;
height: auto;
display: inline-block;
text-align: center;
vertical-align: middle;
}
}

并将其添加到每个元素的内联样式中以达到良好的效果，

padding-top: .25cm; display: inline-block; text-align: center;

但是它们仍然是左对齐的。我忽略了什么？ this page 上有团队成员照片的蜂窝状细胞.

谢谢，丽贝卡

Answer 1

无视 - 我应用了 text-align: center;到更高级别的容器，这似乎已经成功了。不知道为什么，但是哦，好吧。