確保表單元格不會展開以適合圖像

Question

所以我一直在遇到一些問題，獲取圖像所在的容器不能展開以適合此圖像。

有關我如何實現這一點的任何想法？

Answer 1

您可以使用這樣的事情：

隨着div的

<div><img src="http://placehold.it/350x150" /></div> 

div{ 
    overflow: hidden; 
    height: 100px; 
    width: 200px; 
} 

或者，如果你想使用一個表：

table td{ 
    overflow: hidden; 
    height: 100px; 
    width: 200px; 
    display: block; 
} 

<table> 
    <tr> 
     <td> 
      <img src="http://placehold.it/350x150" /> 
     </td> 
    </tr> 
</table> 

，並且可以使用margin

JSFiddle 1

JSFiddle 2