TanyaVojt
@TanyaVojt

Почему появляется отступ?

Делаю адаптивную галерею, при наведении на картинку она красиво зумится и меняет прозрачность. Для достижения такого эффекта я оборачиваю каждый img в блочный элемент с overflow: hidden; и нужным бэкграундом. Проблема в том, что сразу картинка не запоолняет собой полностью родительский элемент (снизу остаются 3px), а только при ховере. Вот скрин, ховер в центре 63d8b34564254a52bd05c94d6aafe3d4.png
Если задать статическую высоту родителя, то все хорошо. Можно ли как-то решить эту проблему без задания статическй высоты?
  • Вопрос задан
  • 2243 просмотра
Решения вопроса 1
@ModestesGonze
Добавьте display: block; для img
Это такое поведение тега img, он по умолчанию строчный элемент и выравнивается по базовой линии текста, поэтому появляется такой отступ. Это так сказать зарезервированное место для "хвостиков" у букв.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
aen
@aen
Keep calm and 'use strict';
Добавьте картинке display: block и будет вам счастье.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы