Дополнительный интервал после тега A / IMG?

Question

Здравствуйте, я пытаюсь создать ячейку таблицы, используя тег div и при этом. я получаю этот дополнительный интервал после того, как мой img тег внутри клетки.

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

Я не могу понять, как избавиться от этого лишнего пробела.

Я попробовал display: inline для тегов a и img. еще не удача.

если кто-нибудь может помочь мне избавиться от этого пробела, я с удовольствием это оценил бы.

Пример - прямо перед затенением в этой табличной ячейке есть пробел в 2-3 пикселя

Answer 1

Помимо того, что вы должны использовать таблицы для табличных данных, я думаю, что установка display: block на изображении уберет пробел. Если это не сработает, попробуйте создать страницу jsFiddle, чтобы показать проблему.

Answer 2

Это пространство можно удалить с помощью:

style="display:block;"

Answer 3

Попробуйте установить margin: 0 и padding: 0 для элементов с таким дополнительным интервалом.Обычно хорошей идеей является реализация некоторого CSS Reset , чтобы убедиться, что все элементы очищены от этих раздражающих атрибутов по умолчанию, таких как поля и отступы.