Помещение границы прямо на краю изображения

Question

У меня есть изображение и граница в нижней части div, в котором оно находится.Проблема в том, что я хочу, чтобы граница находилась непосредственно у нижнего края изображения.Вместо этого, кажется, на дне есть естественная прокладка, от которой я хочу избавиться.Как я могу это сделать?

Answer 1

Вам необходимо установить вертикальное выравнивание изображений в CSS:)

img { vertical-align: top /* can be baseline */ }

Надеюсь, это поможет!

Answer 2

Чтобы поставить рамку на изображение

img{
 border:1px solid #000;
}

Пожалуйста, поделитесь кодом, чтобы решить проблему с отступами.

Answer 3

Почему бы вам не применить границу непосредственно к тегу IMG вместо его контейнера DIV?