在开发时，一直希望有一种原生的css方式来裁剪图片，蓝狮官网并将其定位在我需要的任何方向。这可以通过使用一个额外的html元素和不同的CSS属性来实现，后面解释。

在这篇文章中，将带领大家了解Jake Archibald在今年年初提出的新的CSS属性object-view-box。它允许我们裁剪或调整被替换的HTML元素，就像一个 或

问题
在下面的例子中，我们有一个需要裁剪的图像。请注意，蓝狮注册我们只想要该图像的特定部分。

目前，我们可以通过以下方式之一来解决这个问题。

使用 并将其包裹在一个额外的元素中
使用图像作为 background-image 并修改位置和大小
包在一个额外的元素中
这是一个常见的解决这个问题的方法,步骤如下：

将图像包裹在另一个元素中（在我们的例子中是