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

<img src='ImagePath' alt="not found" style="display:block">

Answer 4

在每行结尾处使用<br/>标记

Answer 5

是的，你可以尝试放一个＆lt; br＆gt;在“图片：”之后划线我无法验证它是否有效但理论上它通过使用仅用于换行符的标签来解决问题（缩小它重新设置的机会）

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

5 个答案: