如何使用CSS居中显示图像

Question

我尝试将一些图像居中，而不考虑它们的宽度。

下面是一个示例页面http://www.shoezies.co.nz/product-category/collection+bags/

你会看到一些较小的袋子图像是左对齐的。我已经尝试过了，边距:0自动；但这似乎不起作用。

Answer 1

如果你使用的是绝对位置，试试这个，

img{
    right: 0px;
    left: 0px;
    margin:auto;
    display:block;
    position:absolute;
}

Answer 2

你需要给这个css，它会解决你的问题

.show-product-thumb img {
    text-align: center;
    margin: 0px auto!important;
    left: 0;
    right: 0;
}

Answer 3

尝试文本居中对齐，或将图像保留在p标签中

img{
text-align: center;
}

p{
  text-align: center; 
}