HTML/CSS中是否有裁剪图像的功能？

Question

我有一张图片需要裁剪，并用于我的项目中使用html/css。我不想使用任何照片编辑器。

- test_124

Answer 1

here's an example:

<div id="test">
<img id="image" src="LINK to Image">
</div>

并且对于CSS：

#test{
overflow: hidden;
height: (number)px;
width: (number)px;
}

#image{
position: relative;
top: (number)px;
left: (number)px;
}

因此，图像的 (position: relative) 将允许您通过 top 和 left 相对于 div 移动它。div 的高度和宽度将是剪裁区域。

希望这可以帮助到您。

- Brandon Muise

---

谢谢！这对我有用 :D - test_124

Answer 2

img {
    position: absolute;
    clip: rect(0px,60px,200px,0px);
}

或者查看CSS 如何调整并裁剪图片大小

- stackunderflow