如何从帖子图像中删除不需要的左边距/填充? [英] How can I remove unwanted left margin/padding from post images?

问题描述

我对整个HTML和CSS还是相当陌生，所以为我的无知提前致歉！我一直在尝试并且无法将我的帖子图像与博客上的文字对齐: http://kittenasacat.blogspot.ie/2013/08/saturday-sweetness-my-caramel-squares.html 内容主体的宽度为600px，我的图片也是如此，但是它们是略微缩进，以便将它们的右侧切掉一点.我已经成功地使其他所有东西都符合要求，但是没有这些！

I'm fairly new to the whole HTML and CSS thing, so apologies in advance for my cluelessness! I've been trying and failing to align my post images with my text on my blog:http://kittenasacat.blogspot.ie/2013/08/saturday-sweetness-my-caramel-squares.html The content body is 600px wide and so are my pictures, but they are being slightly indented so that the right side of them is cut off a little. I've successfully managed to get everything else in line, but not these!

.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;
}

我想这可能是显而易见的，但它使我震惊.如果您需要更多信息，请与我们联系！提前非常感谢您的帮助！ (:

I'd say this is probably something obvious, but it beats me. Let me know if you need more information! Thank you so much in advance for your help! (:

推荐答案

在查看您的网站时，我在图像周围发现了带有内联样式的a-tag:

looking at your website, I found an a-tag around the image with inline styles:

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

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

Thus, just removing the inline styles will also remove the margins :)

这篇关于如何从帖子图像中删除不需要的左边距/填充?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！