html - 无法对齐 Internet Explorer 的 ul 元素内的中心图像

Question

我有这个网站www.bestfamily.gr在 wordpress 中

在 Chrome 中显示正常当然在 Internet Explorer 中不会。我注意到的主要问题是列表元素中的图像未居中。

我应该如何编写我的 css 来解决这个问题？谢谢你

Answer 1

你的 img 在你的列表中有这种风格:

ul.products li.product img {
    display: -webkit-inline-box;
    border: 2px solid;
}

IE 无法识别 display: -webkit-inline-box;，因此将其更改为 display: inline-block; 两个浏览器都会接受。