我一直在尝试将宽<img>
元素水平居中在 a<div>
中,该元素不如图像本身宽。并且<div>
已经overflow: hidden
开始了。
例如,图像很500px
宽,DIV 很250px
宽。是否有任何干净的方法(例如它适用于任何尺寸的图像)使图像居中,以便只有中心部分显示在 div 内。
<div class="Container">
<img class="Thumb">
</div>
和 :
.Container {
position: /* anything but static */
width: 250px;
}
.Thumb {
position: relative;
width: 500px;
margin: 0 auto;
}
您可以使用 css 将图像添加为背景,并将背景位置设置为中心。