这可能是一个愚蠢的问题,但由于通常的中心对齐图像的方式不起作用,我想我会问。 如何在容器div内居中(水平)对齐图像?
这是HTML和CSS。 我还包括了缩略图的其他元素的CSS。 它按降序运行,所以最高的元素是所有东西的容器,最低的元素是所有东西的内部。
null#thumbnailwrapper {
color: #2A2A2A;
margin-right: 5px;
border-radius: 0.2em;
margin-bottom: 5px;
background-color: #E9F7FE;
padding: 5px;
border: thin solid #DADADA;
font-size: 15px
}
#artiststhumbnail {
width: 120px;
height: 108px;
overflow: hidden;
border: thin solid #DADADA;
background-color: white;
}
#artiststhumbnail:hover {
left: 50px
}
null
好的,我在没有PHP的情况下添加了标记,所以应该更容易看到。 这两种解决方案在实践中似乎都行不通。 顶部和底部的文本不能居中,图像应在其容器div内居中。 容器有溢出隐藏,所以我想看到图像的中心,因为那通常是焦点所在。