调整屏幕大小时从左到右裁剪图像

Question

在我的网站上，有些图像应该在调整屏幕宽度时进行裁剪，而不是调整大小。我将以下 CSS 添加到图像容器中：

`width: 540px;
height: 767px !important;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;`

对于右对齐的图像，它们会在右侧正确裁剪。但对于在调整屏幕大小时左对齐的图像，它会粘在屏幕左侧并向右裁剪，而不是保持位置并在左侧裁剪。

https://www.loom.com/share/0b91db7131db4b039eef55afa7d8420f

如何实现图像保持位置并在左侧裁剪？

Answer 1

添加

float: inline-end;

到图像容器解决了问题。