我发现向右浮动的图像不会与标题标签(例如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标签。
看到这个小提琴。
来源：
https://www.srcmini02.com/65091.html
