css - 在不知道宽度的情况下水平居中 div 中的图像

Question

我试图在 div 中将图像居中而不控制图像宽度。您可以在此处查看精选列表的示例：

由于这将由管理员更新，我无法控制。代码看起来像这样但它没有居中它仍然排列在左边缘：

.feature_thumb img{
    width:auto;
    height:100%;
    display:block;
    margin-left: auto;
    margin-right: auto;
}

使用拇指的纵横比将高度设置为自动并让宽度溢出而不是相反会更好。任何帮助将不胜感激。

score 0 · Accepted Answer

您在那里使用的图像太大，在较慢的带宽上加载速度会非常缓慢；应生成缩略图以防止这种情况。我建议您以编程方式或使用 timthumb - https://code.google.com/p/timthumb/生成它们

当您使用它时，脚本会自动居中、裁剪和调整图像大小。您只需要指定宽度和高度

<img src="timthumb.php?src=IMAGE_SOURCE&w=WIDTH&h=HEIGHT" />

score 0 · Accepted Answer

听起来这个问题可以稍微清理一下。您可能想发布后续内容，询问您提到的其他一些问题。但是要回答手头的问题，关于在其父级中居中图像......而不是在图像本身上设置 CSS 属性，设置为text-align图像的 parent。center div

2 回答 2