从网页上的图像中删除空白区域

Question

我试图找出我的图片在盒子里的原因。我运行了一个小脚本，使我的图像中的所有空白都空白，但当我尝试在我的网站上使用它时，我的图像周围有一个白色的框。

我尝试将边距和填充设置为0，我也尝试将显示设置为阻止，但仍然存在，我感谢任何帮助，我确信这很简单，但我不是前面的不幸的是终端开发者（：

<div class="img_style">
  <a href="link" class="btn btn-lg btn-default">
    <img src="imgSrc.png" style="block">
  </a>
</div>

目前css是空的，但在尝试第一次评论后，它看起来像这样：

#img_style {
  style="border: none !important";
}

Remove white space from image

Image inside div has extra space below the image

Answer 1

首先删除图片标签中的style =“block”！它的错误。阅读有关课程和ID的信息，将此css链接到您的页面

第一种方式

.img_style a{
    border: none;
}

第二种方式

.img_style a{
    padding: 0;
    border-radius: 0;
}

第三种方式

.img_style img{
    margin : -10px -15px;
}

Answer 2

你试过边境吗？

style="border: none !important"

基于内嵌样式**

Answer 3

我认为我发现了这个问题，我的链接样式创建了不必要的空间，所以我只是删除了它并且它有效，我不需要添加任何额外的代码。