有一些不同尺寸的图像，我想用它们制作一些缩略图。如果我使用溢出:隐藏输出图像将是原始图像的左上角，而我希望它是图像的确切中心，因为我希望它成为像素。已经搜索了一段时间，但实际上没有有用...
最佳答案
除了使用 img，您还可以使用 div 并将图像作为背景，并使用 CSS background-position 属性使其居中。或者您可以在 div 中使用 img 并使用 overflow: hidden 并在图像上使用边距使其居中。
但仅供引用，缩略图应该在服务器端生成，否则无论如何您都会发送整个图像。
关于javascript - 如何使用 CSS/JS 在 Web 上居中裁剪图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9656800/