Question

我正在创建一个响应式网站，现在它几乎完成了，现在我意识到图像高度是30px太多了。由于我有几千个产品图像，编辑所有图像将非常繁琐。

所以我正在寻找一些解决方案，图像从顶部15px，从底部切片15px

最好的方法是什么？

Answer 1

如果你在某个容器中有每个图像，你可以这样做：

HTML

<div class="container">
 <img src="yourimage.jpg"  width="100" height="100"/>
</div>

CSS

.container {
  width:100px;
  height:70px;
  overflow:hidden;
}
.container img {
  position:relative;
  top:-15px;
}