Вопрос по html – 3px дополнительная высота на div с изображением внутри

5

Я работаю над новым сайтом, но есть небольшая вещь, которую я просто не могу понять.

По сути, я создаю сайт, на который пользователи могут загружать забавные картинки. Несмотря на то, что в области, где отображается изображение, есть разрыв в 3 пикселя внизу.Here's a link to a screenshot of what I mean, dead link.

Я пробовал кучу вещей, но ничего не помогло. Если кто-то может предложить какое-либо решение, пожалуйста, сделайте.

Благодарю.

Ваш Ответ

1   ответ
11

Это из-за дефолтаvertical-align ценность изображений. Они естьbaseline, Изменить наtop или жеbottom и это уйдет.

img{
    vertical-align: top;
}

Дополнительное пространство - это область под базовой линией, которая предназначена для букв, которые висят ниже, напримерy или жеg.

Error: User Rate Limit Exceeded

Похожие вопросы