Extra spacing after an A Tag/img tag?

问题

Hello i'm trying to build a table cell using div tag and while doing so. i get this extra spacing after my img a tag within the cell.

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

I can't seem to figure out how to get rid of that extra spacing.

i tried display:inline for the a and img tag. yet not luck.

if anyone can help me get rid of this spacing i would gladly appreciate it.

Example -- right before the shadowing there a 2-3 pixel white space within this tabel-cell

回答1:

Aside from the fact that you should use tables for tabular data, I think that setting display: block on the image will remove the space. If that doesn' work, try to make a jsFiddle page to show off the problem.

回答2:

That space can be removed using:

style="display:block;"

回答3:

Try setting margin: 0 and padding: 0 on the elements that have this extra spacing. It is usually a good idea to implement some sort of CSS Reset to make sure all elements are cleared of these annoying default attributes such as margins and padding.

来源：https://stackoverflow.com/questions/7733264/extra-spacing-after-an-a-tag-img-tag