Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 9 de 9

Tema: Google Chrome y la Propiedad white-space con texto y una imagen (Hack)

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    11 abr, 15
    Mensajes
    159
    Poder de Reputación
    8

    Google Chrome y la Propiedad white-space con texto y una imagen (Hack)

    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>
    Última edición por isaacaaron; 28/06/2018 a las 19:06

  2. #2
    Me va gustando esto... Habitante
    Fecha de Ingreso
    11 abr, 15
    Mensajes
    159
    Poder de Reputación
    8
    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>

    En el anterior código la etiqueta div de cierre estaba seguida de la etiqueta img, pero si ahora si 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

  3. #3
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    24 nov, 19
    Mensajes
    1
    Poder de Reputación
    0
    I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! keep up the good work…
    Regards,
    norton.com/setup
    office.com/setup

  4. #4
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    26 dic, 19
    Mensajes
    2
    Poder de Reputación
    0

    Office.com/setup

    I am extremely intrigued with your article. I adore the manner in which you compose this article. Much obliged to you for imparting this awesome post to us.

    Office.com/myaccount | office.com/setup

  5. #5
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    29 dic, 19
    Mensajes
    1
    Poder de Reputación
    0
    Cita Iniciado por harismushtaq Ver Mensaje
    I found so many interesting stuff in your blog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all the enjoyment here! keep up the good work…
    Regards,
    norton.com/setup
    office.com/setup
    Very interesting! They need to be checked.

  6. #6
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    15 ene, 20
    Mensajes
    1
    Poder de Reputación
    0

  7. #7
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    16 ene, 20
    Mensajes
    2
    Poder de Reputación
    0
    Visit this free paper base and find a necessary paper. You will know how to write a paper and to cite it in the right way. Cope with homework faster thanks to SpeedyPaper adviser.

  8. #8
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    07 ene, 20
    Mensajes
    2
    Poder de Reputación
    0
    If you are utilizing web or not on your contraption there positively
    will be a key for solid antivirus to help of confirmation
    it against risky teenagers searching for a flood or a set
    computerized criminal proposing to abuse billion-dollar firms, can quit requiring
    to look out tendencies by which to finish drive, cause offering little appreciation to what you take after at it hurt,
    or of course in a general sense break or utilize your very own stand-out stand-separated information.
    visit:
    norton.com/setup

  9. #9
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    25 feb, 20
    Ubicación
    Los Angeles
    Mensajes
    1
    Poder de Reputación
    0
    I am really impressed with the information you provide in your post. Looking forward to visiting more.
    office.com/setup
    mcafee.com/activate

Temas Similares

  1. Google Chrome
    Por ogarrio en el foro Foro General
    Respuestas: 1
    Último Mensaje: 02/03/2010, 12:31
  2. Google Chrome
    Por metalmecanicas en el foro Foro General
    Respuestas: 2
    Último Mensaje: 13/02/2010, 02:00
  3. Google Chrome, problemilla.
    Por Amra en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 1
    Último Mensaje: 14/05/2009, 12:15

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •