gpt4 book ai didi

html - 使用 CSS 调整和裁剪图像

转载 作者:太空狗 更新时间:2023-10-29 14:08:38 28 4
gpt4 key购买 nike

我的网站有一堆不同的图像要显示,所有这些图像的分辨率和纵横比都不同。 CSS 中是否有一种简单的方法可以将图像调整大小和裁剪到特定分辨率?出于我的目的,我希望调整后的图像为 280x280。

当然我可以设置<img height = '280' width = '280' />但这会拉伸(stretch)它。我想要两个分辨率中较小的那个,做一个正方形,然后取中心像素。例如,如果分辨率为 480x200,我希望它从图像中心取出 200x200 的部分。

我试过谷歌搜索,但无济于事。

最佳答案

不可能使用 CSS 对图像进行“真实裁剪”。真正的裁剪意味着图像被缩小到新的值,而且它的尺寸也比以前小。

但是有一个负边距或者绝对定位的解决方案,会对你有很大的帮助。我已经多次使用这种技术。

请看: Cropping images with CSS

关于html - 使用 CSS 调整和裁剪图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15083789/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com