Css 使用溢出隐藏时-如何将内部图像居中?

Css 使用溢出隐藏时-如何将内部图像居中?,css,Css,在我的主页上,我用100像素高的DIV显示图像。 图像都超过了100px+,所以我使用了一个div,它的CSS属性为overflow:hidden 轻松修剪多余的像素 但是图像看起来不太好。 有没有办法让它们垂直居中? 这将使顶部和底部的“修剪”相同 谢谢 您可以将图像作为背景图像放置在元素上,背景位置为50%(垂直和水平居中) (前提是图像的高度至少为100px,否则它们不会与顶部对齐。)(哦,你已经说过了,太好了。) 在现在为空的元素上,您可以进一步添加显示:块;高度:100px以具有

在我的主页上,我用100像素高的DIV显示图像。 图像都超过了100px+,所以我使用了一个div,它的CSS属性为overflow:hidden 轻松修剪多余的像素

但是图像看起来不太好。 有没有办法让它们垂直居中? 这将使顶部和底部的“修剪”相同


谢谢

您可以将图像作为
背景图像
放置在
元素上,背景位置为
50%
(垂直和水平居中)


(前提是图像的高度至少为100px,否则它们不会与顶部对齐。)(哦,你已经说过了,太好了。)


在现在为空的
元素上,您可以进一步添加
显示:块;高度:100px
以具有与(可见)图像相同大小的可点击区域。

图片是否都具有相同的高度?不,这太容易了:)
<a ... style="background: url() no-repeat 50% 50%;"></a>