Espaciado adicional después de una etiqueta A/img?

Question

Hola, estoy intentando construir una celda de tabla usando la etiqueta div y mientras lo hago. Obtengo este espacio adicional después de img una etiqueta dentro de la celda.

<div display:table> 
<div display:row> 
    <div display:tabel-cell> 
    <a><img/></a> 

Parece que no puedo encontrar la manera de deshacerme de ese espaciado adicional.

intenté la pantalla: en línea para la etiqueta a e img. sin embargo, no es suerte

si alguien me puede ayudar a deshacerse de este espaciado, con mucho gusto lo agradecería.

Ejemplo - justo antes de la sombra hay un espacio en blanco 2-3 pixel dentro de este de células tabel

Answer 1

Aparte del hecho de que debe usar tablas para datos tabulares, creo que al establecer display: block en la imagen se eliminará el espacio. Si eso no funciona, intente crear una página jsFiddle para mostrar el problema.

Answer 2

intente configurar margin: 0 y padding: 0 en los elementos que tienen este espacio extra. Por lo general, es una buena idea implementar algún tipo de CSS Reset para asegurarse de que todos los elementos estén libres de estos molestos atributos predeterminados, como los márgenes y el relleno.

Answer 3

Ese espacio puede ser eliminado usando:

style="display:block;"