オーバーフローでセンタリング垂直整列画像：隠されました

Question

<div style="overflow:hidden; height:100px; width:100px;">
<img src="etc.jpg" width:"100px" /></div>

私はimgにdivを持っています。 imgの高さが定義されていませんが、それはdivの100pxに比べて大きいます。

私は、垂直方向の中央にimgをしたいし、上部と下部のオーバーフローを非表示にします。

それでも私はこれを行う方法を理解することはできません...

ダニエル

Answer 1

あなたのためにこの仕事をしていますか？

 <div style="overflow:hidden; height:100px; width:100px;">
   <image src="etc.jpg" style="width:100px; position: relative; bottom: 25%;" />
 </div>

画像がフィットしたときに

うーん、結果は少し奇妙です。

Answer 2

あなたは負の割合で画像のマージントップ・プロパティを設定しようとすることができます。例えば、

div img {margin-top: -50%;}

ただ、パーセント値で再生すると、あなたが働く何かを見つける必要があります。