CSSセンターが可変サイズの画像を切り取った

Question

画像の切り抜いた中央領域を表示し、異なるサイズの画像に対して機能させようとしています。

画像を含むdivの固定幅を設定し、overflow：hiddenプロパティを使用して成功しましたが、これは画像の左端部分のみを表示し、 。

私が望むのは、画像の中央部分を表示し、画像の左右を隠しておくことです。

Answer 1

あなたはいくつかのクラスやCSSの表現（またはサーバ側のCSSの世代）を使用することができ、異なるサイズに関しては、私はそれ背景画像

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

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

作りのアプローチで行くと思います

私はこれを願っています助けてください。