2009-07-10 6 views
4

У меня есть два привязанных изображения друг над другом, разделенные разрывом строки. Я хочу, чтобы изображения сидели непосредственно друг над другом, но в Firefox есть разрыв между изображениями. Он работает в IE7. Единственный способ, которым я смог это исправить, - изменить высоту линии (чего я не хочу делать).CSS - Как удалить пробел между привязанными изображениями

<a href="image.jpg"> 
    <img height="75" width="75" src="image.jpg" /> 
</a> 
<br/> 
<a href="image2.jpg"> 
    <img height="75" width="75" src="image2.jpg" /> 
</a> 

ответ

6

Помещение свойства CSS по вертикали влево на верхнем изображении позволит удалить пробел в Firefox.

+0

Оказывается, используя нижние, средние или верхние работы. Благодарю. –

+0

Рад, что я мог бы помочь - как ни странно, меня каждый пару раз наводил на меня. – 2009-07-10 20:40:34

+0

Редактировать: нижний, средний или верхний работает до тех пор, пока он применяется ко всем изображениям. Хотелось бы, чтобы вы могли редактировать комментарии к SO :) –

4

Возможно, установка изображений на display:block будет работать. Поскольку изображение по умолчанию встроено в текст, оно оставляет пространство внизу для descendenders (например, j, g и y), хотя изображение никогда не будет иметь. Многие браузеры объясняют это, но это нестандартно. Установка их на block должна устранить эту досаду во всех браузерах.

Смежные вопросы