避免一個圖像出去一個div？

Question

我：

<div style="height:15px"> 
    <img src="image" /> 
</div> 

的圖像比15px的大，所以它的股利外，當你看到它。如何「裁剪」圖像（只顯示它的15px端口），只使用css？

Answer 1

你需要overflow:hidden在這裏看到一個例子：

http://www.jsfiddle.net/S8qAq/

閱讀overflow：here W3Schools

祝你好運！

Answer 2

嘗試將overflow:hidden分配給div。

Answer 3

將overflow:hidden;添加到您的div風格。

Answer 4

使用溢出CSS屬性：

overflow: hidden; 

Answer 5

使用

overflow:hidden; 

Answer 6

我很驚訝沒有人建議object-fit: cover;