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

#html #css #tags #image #space

#HTML #css #Теги #изображение #Космос

Вопрос:

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

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

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

я попробовал display:inline для тега a и img. пока не повезло.

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

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

Ответ №1:

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

1. Привет, спасибо, это сработало. я совершенно забыл о блоке. Я думал об использовании таблиц, но не знаю, есть ли разница.

2. Да, я слышал о «таблицах для данных», но вы пытаетесь сказать это почти каждому почтовому клиенту, когда вы кодируете электронное письмо, которое вы хотели бы отображать достаточно красиво на большинстве платформ…

Ответ №2:

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

 style="display:block;"

Ответ №3:

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