如何在 h3 部分结束前刷新 side-aligned 个图像?
How to flush side-aligned images before the end of an h3 section?
我正在 html 准备一个 post 将发布在一个 wordpress 网站上,有很多 right-aligned 图片。我希望图像出现在插入它们的 <h3>
部分中,也就是说,下面的 <h3>
标题始终位于上面插入代码的图像下方。
<h3>Section One with image</h3>
<img src="image-not-found.jpg" align="right" width="50%" />
Text here is short.
<h3>Section Two without image</h3>
我尝试用 <p>
或 <div>
围绕 <img>
标签,但这并不能阻止以下 <h3>
标题成为 side-by-side图片。
HTML 中有没有办法请求在显示更多文本之前刷新所有图像?
请注意,我没有 wordpress 网站的管理员权限。
我找到了一个快速而肮脏的 hack。
在 <h3>
标签之前,插入一个 100% 宽度和零或 1 高度的占位符图像:
<img src="notfound.png" width="100%" height="0">
我不确定它有多稳健。
我正在 html 准备一个 post 将发布在一个 wordpress 网站上,有很多 right-aligned 图片。我希望图像出现在插入它们的 <h3>
部分中,也就是说,下面的 <h3>
标题始终位于上面插入代码的图像下方。
<h3>Section One with image</h3>
<img src="image-not-found.jpg" align="right" width="50%" />
Text here is short.
<h3>Section Two without image</h3>
我尝试用 <p>
或 <div>
围绕 <img>
标签,但这并不能阻止以下 <h3>
标题成为 side-by-side图片。
HTML 中有没有办法请求在显示更多文本之前刷新所有图像?
请注意,我没有 wordpress 网站的管理员权限。
我找到了一个快速而肮脏的 hack。
在 <h3>
标签之前,插入一个 100% 宽度和零或 1 高度的占位符图像:
<img src="notfound.png" width="100%" height="0">
我不确定它有多稳健。