Html 是否可以裁剪图像<；img>；在没有父容器的css中，还是将其设置为背景？

有没有一种方法可以在不使用php、javascript、使用父元素或将图像设置为背景图像的情况下，使用css裁剪图像（img标记）？例如，假设我有一个400 x 400 px的图像，包含在html文档中，如下所示：

<img src="400x400.jpg" />

---

有没有一种方法可以完全在css中裁剪此图像（而不扭曲图像）？我这样问是因为这是裁剪图像的更具语义的方式，但我不知道怎么做。

绝对！这是一个很棒但经常被误解的

clip

属性

clip:rect(110px, 160px, 170px, 60px); /* Random example */

---

它可以一直工作到IE4。您完全可以通过。

找到更多信息！这是一个很棒但经常被误解的

clip

属性

clip:rect(110px, 160px, 170px, 60px); /* Random example */

---

它可以一直工作到IE4。您可以通过找到更多信息。

缺点是，需要将要裁剪的元素设置为位置：绝对。当在img标签上使用时，哪种类型限制了它的有用性，我希望它与文档内容一起流动。我可以使用父容器为其分配空间，但这会破坏此解决方案的用途（因为它需要额外的非mantic元素，我正试图避免）。好的建议，谢谢。这是一个最好的答案。。。你不会找到你想要的东西，因为它根本不存在。就处理和开销而言，这是您将要找到的最干净、最快、最可维护的解决方案。好吧，所以这是不可能的。太糟糕了。希望有人知道怎么做。是的。多亏了投票否决的人，你很清楚投票系统是如何工作的。我想他明白，他只是想在没有任何附加标记的情况下完成这项工作，包括任何非语义HTML。你把W3schools作为参考，真是太丢脸了！避免这样做，否则会有更严厉的回报降临到你身上……缺点是你想要裁剪的元素需要设置为位置：绝对。当在img标签上使用时，哪种类型限制了它的有用性，我希望它与文档内容一起流动。我可以使用父容器为其分配空间，但这会破坏此解决方案的用途（因为它需要额外的非mantic元素，我正试图避免）。好的建议，谢谢。这是一个最好的答案。。。你不会找到你想要的东西，因为它根本不存在。就处理和开销而言，这是您将要找到的最干净、最快、最可维护的解决方案。好吧，所以这是不可能的。太糟糕了。希望有人知道怎么做。是的。多亏了投票否决的人，你很清楚投票系统是如何工作的。我想他明白，他只是想在没有任何附加标记的情况下完成这项工作，包括任何非语义HTML。你把W3schools作为参考，真是太丢脸了！避免这样做，否则会有更严厉的回报降临到你身上。。。