Как контролировать высоту строки в <p>в стиле inline - PullRequest
Новая
       5

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

10 голосов
/ 04 ноября 2011

Надеюсь, это довольно просто, просто не могу разобраться.

Мне нужно стилизовать абзац как «встроенный», но мне также нужно сделать интервал между абзацами очень узким ... используя 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>

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

1 Ответ

13 голосов
/ 04 ноября 2011

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

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

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

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