-1

我希望该横幅图像适合白色容器,而不是越过右侧,但我似乎无法忽略左侧的边距。我已经尝试了我所知道的一切;从 max-width 到将边距设置为 0px 但没有任何效果。

这是我目前拥有的代码:

<p style="text-align: center;" dir="ltr">
  <img class="aligncenter size-full wp-image-504" title="bannercommunity" 
       src="image.png"
       alt="" width="960" height="140" />
</p>

任何和所有的帮助将不胜感激,谢谢!

4

4 回答 4

0

您只需添加width: 100%<img>. 请注意,让浏览器调整图像大小是低效的,因此如果可以的话,您应该避免它,并将图像调整为您想要使用的正确大小。

于 2013-04-09T01:02:25.793 回答
0

虽然我反对内联样式,但我建议你这样做:

CSS方式

.body .wp-image-504.aligncenter { width: 100% !important; }

截屏

截屏

删除widthheight值,以这种方式赋予样式。

于 2013-04-09T01:16:15.713 回答
0

感谢大家的帮助,但我发现通过添加

'位置:相对;左:-20px;宽度:960 像素;'

在样式字段中为我做了诀窍。因此,设置图像相对于容器的位置,然后将图像宽度与容器的宽度相匹配(同时添加一个负数以使左边距无效)有效。

于 2013-04-22T22:46:49.493 回答
-1

在您的情况下,您需要添加 style="display: inline-block;" 到图像的父 P 标签。或者你必须删除 style="display: block;" 在此图像的“aligncenter”类中。他们两个都会解决你的问题。


感谢尼克的建议,我已经在评论中修改了我的答案。

于 2013-04-09T01:05:51.133 回答