Hola, a ver si alguien sabe algo del asunto. He encontrado un hack en Google Chrome(no lo hace ni IE,FIREFOX) con la propiedad Propiedad white-space y el valor pre.
Con pre: no se eliminan los espacios en blanco sobrantes y sólo se muestran los saltos de línea incluidos en el texto original. Este comportamiento puede provocar que los contenidos de texto se salgan de su elemento contenedor.
http://librosweb.es/libro/css_avanzado/capitulo_4/propiedad_white_s…
Si incluimos el siguiente código que pongo a continuación, podemos ver como que la imagen no se sale de su elemento como seria los esperado y la aloja en la siguiente línea. Esto pasa en Chrome, en los otros navegadores si se sale tal como es lo esperado.
¿Alguien sabe porque está pasando esto en Chrome y a que se debe?
<!doctype html>
<html>
<head>
<meta charset="iso-8859-1">
<title>Documento sin título</title>
<style type="text/css">
div {
width:150px;
border:1px solid;
}
</style>
</head>
<body>
<div>
en un
lugar de la macha que no quiero acordame vivia un........ <img src="http://puntalargamulticines.tk/play-trailer.png" width="27" height="27" alt=""/></div>
</body>
</html>
Con pre: no se eliminan los espacios en blanco sobrantes y sólo se muestran los saltos de línea incluidos en el texto original. Este comportamiento puede provocar que los contenidos de texto se salgan de su elemento contenedor.
http://librosweb.es/libro/css_avanzado/capitulo_4/propiedad_white_s…
Si incluimos el siguiente código que pongo a continuación, podemos ver como que la imagen no se sale de su elemento como seria los esperado y la aloja en la siguiente línea. Esto pasa en Chrome, en los otros navegadores si se sale tal como es lo esperado.
¿Alguien sabe porque está pasando esto en Chrome y a que se debe?
<!doctype html>
<html>
<head>
<meta charset="iso-8859-1">
<title>Documento sin título</title>
<style type="text/css">
div {
width:150px;
border:1px solid;
}
</style>
</head>
<body>
<div>
en un
lugar de la macha que no quiero acordame vivia un........ <img src="http://puntalargamulticines.tk/play-trailer.png" width="27" height="27" alt=""/></div>
</body>
</html>