CSS中心可变尺寸的裁剪图像

Question

我想显示图像的裁剪中心区域并使其适用于不同尺寸的图像。

我成功地为包含图像的div设置了一个固定的宽度，并使用overflow：hidden属性，这种方式以我喜欢的方式工作，除了这只显示图像的最左边部分并且右边被隐藏。

我想要的是显示图像的中心部分，并隐藏图像的左侧和右侧。

Answer 1

我会去用它做背景图像

.imghider {width:100px; background-image:url(./qed.jpg); background-position:center center;background-repeat:no-repeat;} 

<div class="imghider">&nbsp;</div> 

至于你可以使用几个类或CSS表达式（或服务器端CSS代）

我希望这不同大小的方法帮助。