我对整个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;
}
我会说这可能是显而易见的事情,但它打败了我。如果您需要更多信息,请与我们联系!非常感谢您的帮助! (:
答案 0 :(得分:2)
查看您的网站,我在图片周围找到了一个带内联样式的标签:
<a href="[...]" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="[...]">
</a>
因此,仅删除内联样式也会删除边距:)
答案 1 :(得分:0)
我认为这种风格设置是你的问题......
style =“margin-left:1em; margin-right:1em;”
当我关闭它们时,图像向右移动并且出现了切除部分。
答案 2 :(得分:0)
style="margin-left: 1em; margin-right: 1em;"
可以修复为 none
。有关详细信息,请参阅post。