垂直对齐图像居中溢出：隐藏

Question

<div style="overflow:hidden; height:100px; width:100px;">
<img src="etc.jpg" width:"100px" /></div>

img我有一个div。 img的高度未定义，但大于div的100px。

我想垂直居中img并隐藏顶部和底部溢出。

我仍然无法理解如何做到这一点......

丹尼尔

Answer 1

您可以尝试以负百分比设置图像的margin-top属性。例如;

div img {margin-top: -50%;}

只需使用百分比值，你就应该找到有用的东西。

Answer 2

这对你有用吗？

 <div style="overflow:hidden; height:100px; width:100px;">
   <image src="etc.jpg" style="width:100px; position: relative; bottom: 25%;" />
 </div>

嗯，当图像合适时，结果有点奇怪