是否可以只显示图像的中心部分。例如，使用 CSS 或 JQUERY css 的图像高度 = 300 像素和宽度 = 520 像素会更好，否则我可以使用 Jquery，谷歌搜索没有帮助我
是否有可能我只能使用 css 从中心显示 200 * 130 例如
-----------------------
| |
| -------- |
| |Need this| |
| | Part | |
| --------- |
|_______________________|
【问题讨论】：
<img> 标签？
您可以将图像设置为元素的背景，然后是这样的：
div {
background: #eee url(http://www.google.co.cr/logos/classicplus.png) center center;
width: 100px;
height:100px;
border: 1px solid red;
text-indent: -9999px;
}<img src="http://www.google.co.cr/logos/classicplus.png">
<div>some text that won't be seen</div>【讨论】：
设置以下 CSS：
.背景{
背景位置：-200px -130px;
背景图片:url("image_name.png");
宽度：200px；高度：130px;}
【讨论】：
如果图像需要是<img> 元素，您可以使用在中心打出透明“孔”的叠加图像来实现。
见http://jsfiddle.net/jkwSe/1/。
很难看到，但上面的图像是白色的，但有一个透明的中心，就像一个矩形甜甜圈。我在右边留了一点图，让你看看效果。
【讨论】：
img 标签，您可以使用 jQuery 的裁剪插件 (deepliquid.com/projects/Jcrop/demos.php)
试试这个代码：-
这里我们需要应用图像作为背景。我的意思是，我们不能放<img /> 标签。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Image Page</title>
</head>
<body>
<div style="height:300px;width:520px;text-align:center;">
<div style="width:200px;height:130px;background:Transparent url('http://www.bing.com/fd/hpk2/Nautilus_ROW880768633.jpg') center center;margin:85px auto;"> </div>
</div>
</body>
</html>
【讨论】：
现在可以使用 CSS clip 属性。欲了解更多信息，请参阅MDN docs
作为问题的例子，代码会去：
img {
position: absolute;
rect: (50px, 195px, 50px, 195px);
}
Clip 需要 position: absolute 才能工作，因此最好将 wrap <img> 放入 <div>（或 <figure> 或 wathever）并将其设置为 position: relative 以在文档流中包含图像
【讨论】：
这对我来说效果更好。
在 style.css 或标签中。
img {
width: 100%;
height: 100px;
object-fit: fill;
}
或者直接在 HTML 中。
<img style="width: 100%; height: 100px; object-fit: fill;" src="file.jpg" alt="">
【讨论】：