@dogi4
Нуб

Почему добавляется +5px?

Почему к div'y с картинкой добавляется +5px высоты?

59f5012a63cf2838767702.jpeg
  • Вопрос задан
  • 283 просмотра
Решения вопроса 1
@kiberlain
потому что картинка по умолчанию строчный (инлайновый) элемент. Все инлайновые элементы воспринимаются как строки текста, а так как у текста (у отдельных символов, например символ "y" имеет снизу "хвостик" ) то браузер специально добавляет отступы снизу-сверху, чтобы символы полностью поместились в строку по высоте. Поэтому, что бы картинка воспринималась не как строчный, а как блочный элемент надо задавать для неё правило display: block

jsfiddle.net/p2btx682
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@NichitencoEvgh
Задай картинке в свойствах {font-size: 0;}
Это уберет у нее межстрочный инлайновый пробел и решит твою проблему.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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