从网页上的图像中删除空白答案

【问题标题】：Removing white space from image on webpage从网页上的图像中删除空白
【发布时间】：2017-01-01 20:08:31
【问题描述】：

我正试图弄清楚为什么我的图像在一个盒子里。我运行了一个小脚本，将图像中的所有空白都清空，但是当我尝试在我的网站上使用它时，我的图像周围有一个白框。

我尝试将边距和填充设置为 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";
}

【问题讨论】：

您应该向我们展示“您的”完整代码，这也是 CSS。和/或组成一个 jsfiddle
那个 ^ 或查看下面给出的答案。如果这不能解决这个问题，那么......好吧......你需要诉诸评论＃1。
目前该 css 类为空。你为什么在“你的”周围加上引号？
因为，您留下了 2 个指向其他问题的链接，只留下了一些 html 但没有 css 来支持该问题。再次;请参阅下面的答案；现在有一个新的。
<img src="imgSrc.png" style="block"> 无效。 <img src="imgSrc.png" style="display:block;"> 是。

标签： html css

【解决方案1】：

首先删除图片标签中的style="block"！它是假的。阅读关于类和 id 的信息，将此 css 链接到您的页面

第一种方式

.img_style a{
    border: none;
}

第二种方式

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

第三条路

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

【讨论】：

我应该在 css 中有 a{ 或 img{ 吗？
对于在 css 中使用类名进行选择，您应该使用 [dot]ClassName，如 .img_style 和 css 代码位于
你一个标签有一个 btn 类。而 btn 类有这个属性： padding : 10px 15px;如果您将填充设置为 0，您的问题就解决了，并且您可以使用边距拉出图像 .. 没有不同
我发现了问题，它与我的链接样式有关，感谢您的帮助！
最后我没有使用你添加的内容，不确定我是否应该删除这个问题，但我想给你一个信用，但不确定你的答案是否正确

【解决方案2】：

我想我找到了问题，我的链接样式创建了不必要的空间，所以我只是删除了它并且它可以工作，我不需要添加任何额外的代码。

【讨论】：

【解决方案3】：

你试过边框吗？

style="border: none !important"

基于内嵌样式**

【讨论】：