Question

在我的主页上，我以100像素高的DIV显示图像。图像都超过100px +所以我使用了具有overflow：hidden的CSS属性的div 轻松修剪额外的像素。

但是图像看起来并不那么好。有没有办法让我垂直居中？这将使顶部和底部的“修剪”相同。

谢谢！

Answer 1

您可以将图片background-image放在<a>元素background-position: 50% 50%上（垂直和水平居中）。

<a ... style="background: url() no-repeat 50% 50%;"></a>

~~（假设图像的高度至少为100px。否则它们将不会对齐到顶部。）~~（哦，你已经说过了。很棒。）

在现在为空的<a>元素上，您还可以添加display: block; height: 100px以获得与（可见）图像大小相同的可点击区域。