CSS 中心裁剪的可变尺寸图像
我正在尝试显示图像的裁剪中心区域并使其适用于不同尺寸的图像。
我成功地为包含图像的div设置了固定宽度并使用了overflow:hidden属性，这按照我希望的方式工作，除了这只显示图像的最左侧部分而右侧被隐藏之外。
我想要的是显示图像的中心部分并隐藏图像的左侧和右侧。
I am trying to display a cropped center area of an image and have it work for different size images.
I had success setting a fixed width for the div containing the image and using overflow:hidden property, this works the way I'd like it to except this only shows the leftmost part of the image and the right side is hidden.
What I'd like is to display the center part of the image and have the left and right sides of the image hidden.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我会采用使其成为背景图像的方法
至于不同的尺寸，您可以使用多个类或CSS表达式（或服务器端CSS生成）
我希望这会有所帮助。
I'd go with the approach of making it a background image
As for different sizes you could use several classes or CSS expressions (or server side css generation)
I hope this helps.