ссылки с миниатюрами, плавающими, имеют пробелы под ними.Как от этого избавиться?

Question

У меня есть простая галерея миниатюр с изображениями, всплывающими слева:

<a href=".."><img src=".." /></a>

Однако, кажется, есть некоторые пробелы, которые не являются полями или отступами в нижней части каждой ссылки (или изображения).Что может быть причиной?Как я могу от него избавиться?

Редактировать: я установил высоту строки равным 1. Это, кажется, избавляет от большей части этого, однако в нижней части каждого изображения все еще есть пространство в 1 пиксель.

Редактировать: добавление отображения: блок с изображениями, кажется, решил проблему.

Answer 1

вероятно, интервал размера шрифта, который применяет браузер, попытается сделать блок отображения изображения и привязки, затем поле и отступ, которые мы работаем (это довольно новый способ для FF применить высоту строки)

Answer 2

Редактировать: Добавление отображения: блок к изображениям, похоже, решил проблему.

Это работает.Другое исправление - vertical-align: top.

. "Пробел" - это фактически пробел, зарезервированный для спусков в таких буквах, как g и j, поскольку img s являются inline элементами.

Answer 3

• Попробуйте установить переходный документ XHTML
• Попробуйте добавить <br/> прямо перед </a>