Подтвердить что ты не робот

Как контролировать высоту строки в <p>в стиле inline

Надеюсь, это довольно прямолинейно, просто не получится.

Мне нужно стилизовать абзац как "встроенный", но мне также нужно сделать интервал между строками пара очень плотным... с помощью css я, похоже, способен увеличить высоту линии по стилю "line-height" '- однако я не могу сделать его меньше, чем значение по умолчанию... тогда как если я возьму "встроенный" стиль, он отлично работает. Любые идеи?

вот пример:

<div style="width:200px;">
<p style="display:inline; line-height:0px;" >eqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg erg eqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg </p>
<p style="line-height:0px;" >eqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg erg eqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg </p></div>

большое спасибо

4b9b3361

Ответ 1

В встроенных элементах свойство CSS высоты строки определяет высоту, которая используется при вычислении высоты строки строки. На элементах уровня блока высота строки определяет минимальную высоту строк строки внутри элемента.

https://developer.mozilla.org/en/CSS/line-height

что вы можете сделать:

  • установите line-height: 0px; на обертку <div> элемент
  • установите display: inline-block; на внутренний <p>
  • плавать внутренний <p>