Css 在不知道宽度的情况下，将图像水平居中

我正在尝试将图像居中放置在div中，而不控制图像宽度。您可以在此处看到特色列表的示例：

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

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

---

使用拇指的纵横比，将高度设置为“自动”，并让宽度溢出，而不是相反。如果有任何帮助，我们将不胜感激。

您使用的图像太大，在较慢的带宽上加载速度会非常慢；应生成缩略图以防止出现这种情况。我建议您通过编程或使用timthumb-

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

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

听起来这个问题需要清理一下。您可能想发布一篇后续文章，询问您提到的其他一些问题。但要回答眼前的问题，关于将图像集中在其父图像中。。。与其在图像本身上设置CSS属性，不如在图像的父对象上设置

text align

到

center

，

div

，

一个是巨大的，我想在完成测试时将其删除。我想尝试让代码在最坏的情况下工作。这个脚本会从中间裁剪吗？此外，迄今为止上传的图片的纵横比是从不同的摄像机拍摄的。它会考虑到这一点吗？在这种情况下，方面广播并不重要。下面是这个库的工作原理示例：原始图片：裁剪：Pablo，感谢您提供的信息，现在尝试实现它。没问题；）但请将您的问题标记为已回答，以区分它与未解决的问题。我尝试过，但它不起作用。以下是容器分区的代码：.feature_thumb{width:127px；height:98px；border:1px solid#999999；text align:center；overflow:hidden；}我认为您需要编辑您的问题，并描述您正试图完成的内容，以及一个小的（但完整的）示例，说明您是如何尝试完成的-本例中的HTML和CSS。我假设我的答案“不起作用”的原因是因为你并不是简单地“试图在div中居中”。相反，你有一个图像，你想缩放，然后“剪辑”在一个较小的分区包装。。。是吗？关于堆栈溢出，有很多问题都在问如何做到这一点。在你提出问题之前，你需要做调查