Дополнительное дополнение в теге <img>?

Я получаю что-то вроде подписи под тегом img на моей веб-странице. Html выглядит так:

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

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

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

Спасибо

------------- Обновить -------------------

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

Ответ 1

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

Ответ 2

Просто добавьте атрибут height в изображение в теге стиля, например, если вам нужна тонкая линия, то для сафари нужно указать внешний файл 1px.

Ответ 3

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

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

Ответ 4

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

Ответ 5

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

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

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

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