Дополнительный отступ под тегом <img>?

Question

У меня на веб-странице есть какой-то отступ под тегом img. HTML выглядит так:

<li>
  <div>Title</div>
  <img src='...' width='60px' height='60px' />
</li>

Да, так что под изображением около 5 пикселей (я могу сказать, потому что цвет bg родительского элемента li отличается). Я попытался присвоить класс тегу img, установив padding / margin / border на ноль, но без изменений. Мне интересно, есть ли что-то, что я пропускаю в тегах img, которые могут вызывать появление этого отступа?

Когда я удаляю тег img и просто оставляю div 'title', лишние отступы исчезают,

Спасибо

------------- Обновление -------------------

Это происходит только на FF, хром и сафари выглядят нормально. Firebug также показывает, что отступы являются частью элемента img.

Answer 1

Если вы можете установить стиль изображения display на block, это должно решить проблему.Настройка vertical-align на bottom или middle также должна работать.Я думаю, что проблема возникает из-за того, что Firefox пытается расположить встроенные изображения так, чтобы их нижний край был выровнен с базовой линией текста, и поэтому под изображением есть место для текстовых спусковых устройств.

Answer 2

Просто добавьте атрибут высоты к изображению в теге стиля, например, если вам нужна тонкая линия, тогда для сафари необходимо указать 1 пиксель.

Answer 3

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

<li><div>Title</div><img src='...' width='60px' height='60px' /></li>

Answer 4

Вы можете предоставить ссылку или больше кода для лучшего решения вашей проблемы, но:

1. Убедитесь, что ваше изображение имеет размер 60 на 60 пикселей, как указано в теге img

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

3. Дополнительное пространство под вашим img может исходить от других элементов на вашей странице, то есть, когда img на месте, некоторые элементы заставляют это дополнительное пространство

Answer 5

Что если вы принудительно установите отступ и границу отступа для элементов img?Вы работаете с Firebug?