如何从帖子图像中删除不需要的左边距/填充？答案

【问题标题】：How can I remove unwanted left margin/padding from post images?如何从帖子图像中删除不需要的左边距/填充？
【发布时间】：2016-03-22 20:23:34
【问题描述】：

我对整个 HTML 和 CSS 的东西还很陌生，所以提前为我的无知表示歉意！我一直在尝试将我的帖子图片与我博客上的文字对齐，但未能成功：http://kittenasacat.blogspot.ie/2013/08/saturday-sweetness-my-caramel-squares.html 内容主体为 600px 宽，我的图片也是如此，但它们略微缩进，因此它们的右侧被切断一点。我已经成功地将其他一切都排好，但不是这些！

.post{
  width:100%;
  height:auto;
  padding:0;
  margin:5px 0 30px;
  border-bottom:none;
}
.post-body{
  margin:0 0 .75em;
  line-height:1.6em;
  font-size:11px;
  font-family:Arial;
  text-align:justify;
}
.post h3{
  font-size:30px;
  margin:0;
  padding:5px 0;
  text-align:left;
  font-family:Yanone Kaffeesatz, sans-serif;
  text-transform:uppercase;
}
.post img{
  padding:0;
  min-width:600px;
}
.thumbs img{
  margin-left:0px;
}
.post-footer-line-1,.post-footer-line-2,post-footer-line-3,.post-footer{
  display:none;
}

我想说这可能是显而易见的，但它打败了我。如果您需要更多信息，请与我们联系！非常感谢您的帮助！（：

【问题讨论】：

标签： html css margin padding blogger

【解决方案1】：

查看您的网站，我在图片周围发现了一个带有内联样式的 a-tag：

<a href="[...]" style="margin-left: 1em; margin-right: 1em;">
    <img border="0" src="[...]">
</a>

因此，仅删除内联样式也会删除边距:)

【讨论】：

您可能要注意，这是因为内联样式始终优先于样式表中的样式。
感谢您的快速回答！抱歉我完全忘记了，但是删除内联样式的最佳方法是什么？ S：
我想样式来自您的模板或通过图片库的插件？！如我所见，它们现在在您的源代码中消失了......

【解决方案2】：

我认为这种风格设置是你的问题...

style="margin-left: 1em; margin-right: 1em;"

当我关闭它们时，图像向右移动并出现了被切断的部分。

【讨论】：

【解决方案3】：

style="margin-left: 1em; margin-right: 1em;" 可以固定为 none。有关详细信息，请参阅post。

【讨论】：