Блог

Я создаю HTML-документ. В CSS есть свойство line-height. Это определяет интервал между строками.

Кроме того, я хочу контролировать интервал внутри строк, которые переносятся.

Например, я мог бы захотеть, чтобы интервал между строками составлял 1,5 em, но когда строка переносится, я мог бы захотеть, чтобы интервал внутри обернутой строки был равен 1,1 em. Возможно ли это? Если да, то какой элемент CSS позволяет мне управлять этим?

Вы ошибаетесь. Высота строки определяет высоту отдельной строки (символ буквы может быть меньше).

Для достижения желаемого эффекта вы можете добавить заполнение .4em в оболочку:

 div {
  padding: .5em 0;
  line-height: 1.1em;
  border: 1px solid black;
}  

 <div>
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text
</div>
<div>Single line of text</div>  

Это возможно, если вы переосмыслите, как вы используете свойство line-height. Высота строки особенно хороша для достижения интервала при переносе чего-либо. Итак, что бы я сделал (если я вас правильно понял)

Укажите элемент, внутри которого находится текст:

 margin: 1.5em 0;
line-height: 1.1em;
  

итак, вы используете margin для определения интервала между отдельными строками и line-height для определения интервала при переносе