¿Cómo forzar un salto de línea después de cada imagen en Safari Reader?

he podido activar el Lector de Safari en un archivo HTML local, por lo que no le puede dar un ejemplo de ejecución, pero sólo describen mi problema:¿Cómo forzar un salto de línea después de cada imagen en Safari Reader?

El marcado de mi blog es básicamente el siguiente:

<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>

Esto se ve como se espera en todos los navegadores, incluido Safari. Sin embargo, en Safari Reader, el tercer párrafo "¿No es una bonita foto?" está flotando alrededor de la imagen, en lugar de estar en un párrafo propio.

¿Alguien ha experimentado un problema similar?

Fuente

2010-06-16 fhd

Ignoré este problema por un tiempo (lamentablemente, ninguna de tus sugerencias me funcionó) y lo volví a probar en Safari Reader por curiosidad. Por alguna razón, el problema ya no ocurre. Mientras tanto, hice varios cambios en mi CSS, por lo que mi CSS original probablemente causó los problemas (Eso o fue un error en Safari y no me di cuenta de que se estaba actualizando). – fhd

-1

Sí, se podría tratar de poner un <br> salto de línea después de "la imagen:" no puedo comprobar que funciona pero en teoría mundo solucionar el problema mediante el uso de una etiqueta que son sólo para los saltos de línea (reduciendo la posibilidad de que sea reestilizado)

Fuente

2010-06-16 22:39:01

Cuando inserto un
, Safari Reader ya no reconoce el artículo por algún motivo. De todos modos, no es como si pudiera poner fácilmente un
detrás de cada imagen de todos modos: los artículos están marcados a través de Textil y los saltos de línea tendrían que ser establecidos por cada autor explícitamente. – fhd

.post-body img { 
    display: block; 
}

debería hacer el truco.

Fuente

2010-07-09 15:46:13 dbemerlin

utilizar la etiqueta <br/> al final/después de cada línea

Fuente

2010-07-09 15:52:07

Ver mi comentario a la respuesta de Taylor Satula. En pocas palabras: no funciona. – fhd

No sólo tiene que utilizar <br />, pero <br clear="all" />.

Fuente

2011-02-23 16:23:25 senorgoose

Wow. Bonita propiedad –

¿Cómo forzar un salto de línea después de cada imagen en Safari Reader?

Respuesta

Cuestiones relacionadas