LenovoId
@LenovoId
I want, women not to get sick

Отступ от img, откуда он?

codepen.io/Geyan/pen/WxBQaK?editors=110 сама проблема под изображением , какой бы line-height бы не задать всё равно есть лишний отступ от изображения внизу , если ли мысли как этот отступ убрать Но без отрицательного margin

9a4f0b093f6b44b1908be617dba8b49b.png
  • Вопрос задан
  • 462 просмотра
Решения вопроса 1
archelon
@archelon
Если я правильно понял задачу, нужно выставить выcоту изображения кратную высоте строки тега p (с учетом маргинов).
например:
img {
height:100px;
width: auto;
}
p {
line-height: 20px;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
riot26
@riot26
<:З )~~
jsEVJYN.png
При line-height: 18px; всё ок. Просто верхняя граница строки не вышла за пределы высоты изображения и переносить браузер не решается, потому что будет некрасивый межстрочный пробел.
Ответ написан
initrd0
@initrd0
Это я =)
9ea6dd16e793476082d84d86d2b3dd48.png
Лишних отступов не вижу. Уточните в каком браузере есть?
Ответ написан
Тут дело в том, что изображение уменьшается , а текст справа не изменяется.Либо делать изображение фиксированным с фиксированной высотой, для разных разрешений, либо адаптировать текст под каждое разрешение.
Ответ написан
Комментировать
line-height: 1
display: block

к картинке
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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