如何删除缩略图中的空白区域

Question

我正在为图像使用Bootstrap 3.3.1缩略图类，图像顶部有空白区域。如何删除它？ 我的代码是：

.image-thumbnail2 {
	float:left; 
	margin-bottom: 10px; 
	margin-right: 10px; 
	width: 300px; 
	padding: 0px !important;
	border-radius: 4px; 
	border: 0px;
}
.image-img-thumb2
{
	max-width:300px; 
	max-height: 220px;
	margin:0px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	width: 300px;
	height: 220px;
	 

}

<div class="thumbnail image-thumbnail2">
  <img src="<?php echo URL::base();?>assets/images/<?php echo $val['folder'];?>/tmb/<?php echo $val['image_name'];?>" class="image-img-thumb2"/>
  </div>

Answer 1

如果没有整个代码，很难发现确切的问题，但似乎您的问题可能与您的身体有关：

将此添加到您的CSS：

body { margin:0; padding:0;}

Answer 2

您应该在css顶部重置边距和填充：

*{
margin: 0;
padding: 0;
}