Solo lectura

Google Chrome - Foro de ayuda

Esta página web es un archivo de los hilos antiguos de los foros de Google. Más información

hack en Google Chrome con la propiedad white-space de CSS

Isaac Aaron
6/07/18 12:08

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

Respuestas (0)