CSS自動する画像の高さを作るには、私は以下のソリューションを試してみました

Question

固定高さの容器に伸ばし：

img { 
    width:120px; 
    height: auto; 
} 

.item { 
    border:1px solid pink; 
    width: 120px; 
    height: auto; 
    margin: 3px; 
    padding: 3px; 
    background-color: red; 
} 

これを見てみてください：ここ

<div class="item"> 
    <img src="http://2.bp.blogspot.com/-nXak3-M8QG4/ULtEsnBI0RI/AAAAAAAAAOA/7uEYy1oExZc/s1600/black-desktop-computer.jpg"/> 
</div> 

は、CSSですfiddleを参照してください。

余分なスペースがあります。余分なスペースを取り除きたい。私は多くの組み合わせで試しましたが、成功しませんでした。

他の任意の解決策が好ましいでしょう。助けてください。

Answer 1

はこれを試してみてください：

img { 
     width:120px; 
     height: 100%; 
     display: table-cell; 
    } 

    .item { 
     border:1px solid pink; 
     width: 120px; 
     height: 100px; 
     display: table; 
     margin: 3px; 
     padding: 3px; 
     background-color: red; 
    } 

これはあなたがwnated何である場合は私に知らせてください。

Answer 2

このスペースはdescendersです。画像はテキストとしてレイアウトされているため、表示されます。 display: block;またはvertical-align: bottom;を追加すると消えます。

Answer 3

私が正しく理解している場合、ここでanother solution は、私は私が10pxのボーダーを追加した画像を持っている