I was unable to activate Safari Reader in a local HTML file, so I cannot give you a running example but only describe my problem:
The markup of my blog posts is basically this:
<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>
This looks as expected in all browsers, including Safari. In Safari Reader however, the third paragraph "Isn't that a nice picture?" is floating around the image, instead of being on a paragraph of it's own.
Has anybody experienced a similar problem?
不要只使用<br />
,而要使用<br clear="all" />
。
.post-body img {
display: block;
}
should do the trick.
<img src='ImagePath' alt="not found" style="display:block">
在每一行的末尾/之后使用<br/>
标签
是的,您可以尝试在“图片:”之后放置一个 <br> 换行符,我无法验证它是否有效,但理论上它可以通过使用专为换行符制作的标签来解决问题(缩小它的可能性重新设计)
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.