我在WordPress网站中使用了二十四岁主题。 其中一个页面上,我想在内容区域的左侧添加图像(菜单侧栏位于该区域的左侧),以使文本环绕图像。

我添加了两个图像(如果您看一下页面,会在第三个和第四个H4标签附近),并且由于图像的父图上主题的-168px margin-left设置,两个图像都被强制在左侧边栏后面元件。

在页面上,如果使用Element Inspector / FireBug /其他工具,您将在代码中看到嵌套在Figure元素中的图像,并且该图像位于侧边栏的左侧。 在“规则”查看器中,它显示了margin-left: -168px".full-width .site-content .wp-caption.alignleft"

我在图像中添加了自己的类,以尝试通过使用margin-right: 168px来偏移边距,但这没有效果,大概是因为-168左边距设置位于图像父级的元素上。

我不想选择所有图形元素来抵消-168px的像素-我可能希望其他图形使用该元素-我不知道。 WP向每个图像添加一个ID,但是我不想选择每个图像ID(除非那是唯一的方法),那么我该如何处理呢?

感谢任何人的帮助。

注意图像的局部视图

===============>>#1 票数:1

figure的html中删除.alignleft类。

这将删除边距。

为了使文本在图形周围流动,您需要给它一个float: left的属性float: left并添加一些左右边距,使它看起来更好。

该图的html(您的图片)应显示为:

<figure id="attachment_10" style="width: 88px; float: left; margin: 0 20px 0 10px;" class="wp-caption">

我想说你应该看看css样式表中的样式元素,而不是在html中定义样式。

一本适合您的书是:

HTML和CSS:设计和构建网站Jon Duckett

这是我第一次启动CSS时使用的。 它满足了您一段时间可能最需要的所有内容,并且非常适合初学者...

===============>>#2 票数:0 已采纳

在摆弄一些CSS并尝试了一些设置之后,我意识到自己已经回答了自己的问题。 我说过图像所在的图形元素的设置为margin-left: -186px; 我要做的就是添加自己的CSS: figure { margin-left: 0px; } figure { margin-left: 0px; } 为什么我不早一点看到,我不知道...

  ask by marky translate from so

未解决问题?本站智能推荐: