html设置图像居中对齐,html – 水平居中对齐在div中的图像

这可能是一个愚蠢的问题，但由于中心对齐图像的通常的方法不工作，我想id问。如何中心对齐(水平)图像在其容器div中？

热门HTML：

Not By Design

Punk

Heres css，我还包括缩略图的其他元素的CSS。它以降序运行，所以最高的元素是一切的容器，最低的是在一切之内。

#thumbnailwrapper {

color: #2A2A2A;

margin-right: 5px;

border-radius: 0.2em;

margin-bottom: 5px;

background-color: #E9F7FE;

padding: 5px;

border-color: #DADADA;

border-style: solid;

border-width: thin;

font-size: 15px

}

#thumbnailwrapper:hover {

box-shadow: 0 0 5px 5px #DDDDDD

}

#artiststhumbnail {

width: 120px;

height: 108px;

overflow: hidden;

border-color: #DADADA;

border-style: solid;

border-width: thin;

background-color: white;

}

#artiststhumbnail:hover {

left: 50px

}

#genre {

font-size: 12px;

font-weight: bold;

color: #2A2A2A

}

好吧，我已经添加了没有PHP的标记，所以应该更容易看到。这两种解决方案似乎在实践中都行不通。顶部和底部的文本不能居中，图像应该在容器div中居中。容器有溢出隐藏，所以我想看到的图像的中心，因为它通常在焦点是。