我有一个不同大小的图片库。是否有任何解决方案在显示期间裁剪它们? 我试过设置样式高度:xxxpx但它看起来很糟糕(宽度也是如此)。此图像显示来自其他网站,所以我不能下载它们并裁剪:(
答案 0 :(得分:3)
您可以通过将图像放入
来裁剪图像overflow: hidden;
DIV。
这是一个JSFiddle示例Cropped Image,当然你可能想要使用相同的javascript来居中/定位图像而不是简单的设置magin数字在我已经完成的示例中,但它仍然显示如何裁剪图像。
答案 1 :(得分:0)
这是一个jQuery插件应该可以解决的问题: http://odyniec.net/projects/imgareaselect/
答案 2 :(得分:0)
您也可以将宽度设置为html或css中的像素度量并保留高度,反之亦然,具体取决于您是否需要相同的高度或相同的宽度。然后它们会被缩小但不会扭曲......显然,如果你需要裁剪到设定的高度和宽度,这将不起作用,但它将给你宽度或高度匹配的列或行。