LINUX.ORG.RU

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

 , , , ,


0

1

Добрый день!

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

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

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

Ответ на: комментарий от 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)