我們如何從盒子的底部除去空間時，我們使用的是寬度100％像它

Question

我們如何從盒子的底部除去空間時，我們使用的是寬度100％像它

<div class="midVideo"><img src="images/videoImg.png" alt="" /></div> 

.midVideo{ 
    width:487px; 
    display:inline-block; 
    border-radius:10px; 
    overflow:hidden; 
    border:solid 12px #630400; 
    background:#003; 
} 

.midVideo img, .midVideo iframe{ 
    width:100%; 
} 

Answer 1

添加顯示塊屬性圖像

Answer 2

.midVideo img { 
    display: block; 
} 

Answer 3

圖像被替換的元素。這些處理非常類似於內聯元素 - 因此它們被放置在父元素的baseline上。下面的空間保留給高於pqg等高度的字母。由於圖像不需要此空間，因此只需在圖像上定義display:block即可將其刪除。

Answer 4

簡單的方法是

<img style="height: 100%;" src="images/videoImg.png" alt="" /> 

硬盤的方式是

<div class="midVideo"> 
<img style="[b]<? $img_size = getimagesize('images/videoImg.png'); if ($img_size[0]>$img_size[1]) echo 'width'; else echo 'height'; ?>[/b]: 100%;" src="images/videoImg.png" /> 
</div>