Spaziatura aggiuntiva dopo un tag A tag/img?

Question

Ciao sto cercando di costruire una cella di tabella usando il tag div e mentre lo faccio. ottengo questa spaziatura extra dopo il mio img un tag all'interno della cella.

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

Non riesco a capire come liberarmi di quella spaziatura extra.

ho provato a visualizzare: in linea per il tag a e img. ma non fortuna.

se qualcuno può aiutarmi a liberarmi di questa spaziatura lo apprezzerei volentieri.

Esempio - a destra prima del shadowing c'è uno spazio bianco 2-3 di pixel all'interno di questa tabel-cellule

Answer 1

A parte il fatto che è necessario utilizzare tabelle per dati tabulari, penso che l'impostazione display: block sull'immagine rimuoverà lo spazio. Se ciò non funziona, prova a creare una pagina jsFiddle per mostrare il problema.

Answer 2

provare a impostare margin: 0 e padding: 0 sugli elementi che hanno questa distanza in più. Di solito è una buona idea implementare una sorta di CSS Reset per assicurarsi che tutti gli elementi siano deselezionati di questi fastidiosi attributi di default come i margini e il riempimento.

Answer 3

che lo spazio può essere rimosso utilizzando:

style="display:block;"