我需要使用CSS将一个随机大小的图像总是剪裁为一个160x160的正方形。当被剪裁时,图像应该保持居中。
我的标记应该是:
<a href="#" class="cropper">
<img src="image" alt="description" />
</a>
通过在StackOverflow上搜索,我找到了一些答案(例如CSS - 如何将图像裁剪成正方形,如果已经是正方形则调整大小),但它们不能适用于图像横向较大(宽)或纵向较大(高)的情况。具体来说,我需要能够呈现像这样的宽图像:
![wide image](https://istack.dev59.com/HkGvg.webp)
![tall image](https://istack.dev59.com/Z1joN.webp)
background-size:cover
呢? - RienNeVaPlu͢s