オーバーフローによる垂直方向の画像センタリング：hidden

Question

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

divにはimgがあります。 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%;} 

ちょうどパーセント値で試してみてください