LINUX.ORG.RU
Форум — Web-development  

DIV по высоте текста

 , , , ,


0

1

Добрый день!

Имеется такая проблемка. Есть контейнер div, в нём есть текст. Div получается по высоте больше, чем текст. Каким способом можно сделать так, чтобы высота div-а была точно равна высоте текста.

https://i.imgur.com/AclKNya.png

Ненужный зазор отмечен курсором мышки. P.S.: Ручной подбор высоты не надо. Должен же быть нормальный способ вёрстки.

← Сертификации в области web development
Кнопка типа <button> - не хочет переходить по ссылке → 
line-height: 1
anonymous
()
Ответ на: комментарий от Veshutka

Если прям совсем-совсем отступы убрать, то так нельзя, их браузер сам добавит. Margin-ов и padding-ов у текста нет? Padding-ов у DIV-а?

CryNet ★★★★★
()
Последнее исправление: CryNet (всего исправлений: 1)
Ответ на: комментарий от CryNet

Margin-ов и padding-ов у текста нет? Padding-ов у DIV-а?

У текста нет ничего. У div (контейнер для текста) есть margin-top для того, чтобы сделать отступ сверху (на скриншоте синяя область). Проблема в расстоянии от верхней границы текста до этой синей области (margin-top). Как-будто у текста есть padding-top, но на самом деле его нет. Это приводит к тому, что при вёрстке приходится уменьшать margin-top, нельзя просто скопировать расстояние с макета. https://i.imgur.com/lIHouJg.png

Veshutka
() автор топика
Ответ на: комментарий от Veshutka

нельзя просто скопировать расстояние с макета

Дизайнер не знает про line-height — это нормально. Если по нормальному, то эти отступы вы не уберёте — это дефолт, так сделано для читаемости. Но если сильно хочется, то попробуйте: 

line-height: 0
У вас по идее блок схлопнется и текст внутри вылезет над ним. Но это фигня полная.

CryNet ★★★★★
()
Последнее исправление: CryNet (всего исправлений: 1)
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
← Сертификации в области web development
Web-development
Кнопка типа <button> - не хочет переходить по ссылке →