避免图像出现在div之外？

Question

我有：

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

图像大于15像素，所以当你看到它时，它在div之外。如何“裁剪”图像（仅显示其15px端口），仅使用css？

Answer 1

您需要overflow:hidden在此处查看示例：

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

了解overflow：here W3Schools

祝你好运！

Answer 2

尝试向div提供overflow:hidden。

Answer 3

将overflow:hidden;添加到您的div样式。

Answer 4

使用overflow css属性：

overflow: hidden;

Answer 5

使用

overflow:hidden;

Answer 6

我很惊讶没有人建议object-fit: cover;