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

截屏

截屏

删除width和height值，以这种方式赋予样式。

于 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 回答