Saltar al contenido

Mi imagen deja un espacio de unos píxeles abajo dentro del div

Christian F.

Nivel 2 ·

Tengo un div con borde y una imagen adentro. Entre la imagen y el borde de abajo queda un espacio de unos 4 píxeles que no sé de dónde sale. No tengo margin ni padding.
127 vistas 4 respuestas 2 0

Respuestas 4

  1. MARYURI M.

    Nivel 3 ·

    1 0

    Clásico. Las imágenes son elementos inline por defecto y se alinean con la línea base del texto. El espacio es el lugar reservado para los descendentes de las letras (la cola de la g, la p, etc.).

  2. eduardo S.

    Nivel 3 ·

    0 0

    Solución: img { display: block; } y listo. O vertical-align: middle (o top o bottom) si necesitás que siga siendo inline.

  3. Claudio H.

    Nivel 2 ·

    0 0

    Por eso muchos resets de CSS ya incluyen img { display: block; max-width: 100%; }.

  4. Christian F.

    Nivel 2 ·

    0 0

    Con display: block desapareció. Jamás lo hubiera adivinado, gracias.