Solo lectura
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_avanza...ite_space.html
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>
Probando y probando me he dado cuenta que si hacemos esto en el código, ahora Chrome si saca la imagen de su elemento contenedor.
<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>
La última prueba que hice ,si vemos la etiqueta div de cierre esta seguida de la etiqueta img, pero si ahora le ponemos un salto de línea a la etiqueta de cierre div, Chrome si lo muestra correctamente.
Que cosa más rara este comportamiento de Google Chrome
