个性化阅读
专注于IT技术分析

在H3标签旁边向右浮动图片

我发现向右浮动的图像不会与标题标签(例如H3)并排放置。 H3标签希望有自己的行, 因此它将始终显示在图像下方。

如果我也将图像放在H3标签内, 那么它可以工作, 但是我希望以某种方式在CSS中更正此问题, 因为我们的某些编辑器不习惯于研究html。

这是H标签行为的标准方式吗?还是我可以调整CSS的古怪之处?

我正在Wordpress中使用基于主题主题的子主题进行此操作。


#1


这是正常现象, 因为H标签是块级元素。有关更多信息, 请参见此说明。

还要注意, 你可以使块级元素不扩展所有宽度(这对于块元素来说是正常的), 例如, 如果使其浮动(并减小其宽度), 更改其显示属性等。教程以获取更多信息。


#2


尝试将h3标签放在图片标签之后。…它们应该并排出现…..

像这样:

<img src="path/to/some/image" style="float:right;" />
<h3>some heading</h3>

#3


你需要做的只是添加float:left;到你的h3标签。

看到这个小提琴。

赞(0) 打赏
未经允许不得转载:srcmini » 在H3标签旁边向右浮动图片
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏