Как вызвать разрыв строки после каждого изображения в Читателе Safari?

Я не мог активировать Читателя Safari в локальном файле HTML, таким образом, я не могу дать Вам рабочий пример, но только описать мою проблему:

Разметка моих сообщений в блоге - в основном это:

<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 однако, третий абзац "Разве, который не является хорошим изображением?" плавает вокруг изображения, вместо того, чтобы находиться в абзаце самом по себе.

Кто-либо испытал подобную проблему?

8
задан fhd 16 June 2010 в 15:32
поделиться

3 ответа

Да, вы можете попробовать поставить
перенос строки после "picture:". Я не могу проверить, что это работает, но теоретически это устраняет проблему, используя тег, созданный специально для переноса строки (уменьшая вероятность того, что он будет повторно стилизован)

.
-2
ответ дан 5 December 2019 в 06:52
поделиться

Используйте тег
в конце/после каждой строки

-1
ответ дан 5 December 2019 в 06:52
поделиться
.post-body img {
  display: block;
}

должно помочь.

7
ответ дан 5 December 2019 в 06:52
поделиться
Другие вопросы по тегам:

Похожие вопросы: