如何在Safari Reader中的每个图像后强制换行？

Question

我无法在本地HTML文件中激活Safari Reader,所以我不能给你一个运行的例子但只描述我的问题:

我的博客文章的标记基本上是这样的:

<div class="post">
 <div class="post-header">Hello, World</div>
 <div class="post-body">
  <p>Look at this picture:</p>
  <p><img src="http://37prime.com/news/wp-content/uploads/2008/03/safari_icon.png"/></p>
  <p>Isn't that a nice picture?</p>
 </div>
</div>

这在所有浏览器中都是预期的,包括Safari.然而,在Safari阅读器中,第三段"这不是一张好照片吗？" 漂浮在图像周围,而不是在它自己的段落上.

有没有人遇到过类似的问题？

Answer 1

不要只是使用<br />,但是<br clear="all" />.

Answer 2

.post-body img {
  display: block;
}

应该做的伎俩.

Answer 3

是的，您可以尝试在“图片：”之后添加一个 <br> 换行符，我无法验证它是否有效，但理论上它可以通过使用专为换行符制作的标签来解决问题（减少它的可能性）重新设计）