Пробел в конце тега привязки
У меня есть тег, окружающий изображение. У меня есть граница на отделении, в котором находится тег. У меня есть и поле и дополнение набора к 0, но по некоторым причинам мой тег все еще приблизительно на 3 пикселя более высок, чем мое изображение. Это оставляет немного пространства между изображением и границей, которая уничтожает взгляд, который я хочу выполнить.
Что я делаю неправильно? Я протестировал и в FireFox и в Chrome с теми же результатами.Спасибо
2 ответа
Изображение имеет вид display: inline , поэтому оно рассматривается как символ и располагается на базовой линии. Зазор вызван пространством, отведенным под нижний элемент (который вы найдете на таких буквах, как j, g, y и p).
Отрегулируйте vertical-align с помощью CSS: img {vertical-align: bottom}
display: блока для этого достаточно, если элемент не имеет братьев и сестер.