我发现向右浮动的图像不会与标题标签(例如H3)并排放置。 H3标签希望有自己的行, 因此它将始终显示在图像下方。
如果我也将图像放在H3标签内, 那么它可以工作, 但是我希望以某种方式在CSS中更正此问题, 因为我们的某些编辑器不习惯于研究html。
这是H标签行为的标准方式吗?还是我可以调整CSS的古怪之处?
我正在Wordpress中使用基于主题主题的子主题进行此操作。
#1这是正常现象, 因为H标签是块级元素。有关更多信息, 请参见此说明。
还要注意, 你可以使块级元素不扩展所有宽度(这对于块元素来说是正常的), 例如, 如果使其浮动(并减小其宽度), 更改其显示属性等。教程以获取更多信息。
#2尝试将h3标签放在图片标签之后。…
它们应该并排出现…
..
像这样:
<
img src="http://www.srcmini.com/path/to/some/image" style="float:right;
" />
<
h3>
some heading<
/h3>
#3【在H3标签旁边向右浮动图片】你需要做的只是添加float:left; 到你的h3标签。
看到这个小提琴。
推荐阅读
- 忘记制作子主题-现在可以完成吗()
- 修复WooCommerce Shop页面行
- 在WordPress中查找Google字体的来源
- 找到一个过程来检查帖子中是否存在短代码(我的尝试有误)
- 使用WordPress过滤搜索结果
- “Feeds are not available”-WordPress错误
- #yyds干货盘点# 7. ?会查新华字典不(会。Python字典已经掌握了)
- #yyds干货盘点# Prometheus Exporter cAdvisor
- #yyds干货盘点#Python - 爬虫_请求伪造