Какова цель высоты строки, и что делает белый-space:nowrap, делают?

Свойство line-height устанавливает расстояние между строками. Если вы сделаете значение больше, чем font-size, то это будет выглядеть так, как будто линии удаляются дальше. Уменьшите размер, и линии начнут перекрываться.

line-height: http://www.w3schools.com/css/pr_dim_line-height.asp

белое пространство: http://www.w3schools.com/css/pr_text_white-space.asp

Свойство Line-height устанавливает расстояние между строками.

Свойство white-space определяет, как пустое пространство внутри элемента обработано.

nowrap: Текст никогда не переносится, он продолжается в той же строке, пока не встретится тег

Высота строки указывает расстояние между строками. Итак, чтобы получить тип с двойным интервалом, у вас будет line-height: 200%. Подробнее ...

Еще одна уловка который можно использовать со свойством line-height, чтобы вертикально выровнять текст внутри элемента. Возьмем следующий пример:

<div class="container">
   <h1>Vertically align this!</h1>
</div>

.container {
   height: 5em;
   background-color: red;
   line-height: 5em;
}

   .container h1 {
      font-size: 3em;
   }

Используется в основном для определения расстояния между строками в абзаце.

line-height устанавливает расстояние между двумя строками, как абсолютное или относительное значение. Таким образом, line-height: 2em; будет двойным межстрочным интервалом и т. Д. В то время как font-size устанавливает фактический размер шрифта.

white-space указывает значение браузер, как обрабатывать пробелы. «nowrap» скажет браузеру никогда не переносить текст, а вместо этого заставит текст продолжаться в строке до тех пор, пока не встретится тег разрыва строки (
). Вы также можете использовать «pre», чтобы сохранить пробелы (аналогично использованию HTML-тега

 ), или вы можете использовать «normal», чтобы указать браузеру игнорировать пробелы (это значение по умолчанию). 
                  

Высота строки - это высота текста. Шрифты имеют встроенную высоту строки по умолчанию. Для однострочного текста это будет то же самое, что и настройка отступов. Но для многострочного текста он контролирует расстояние между строками текста, что нет другого способа контролировать.

Пробел: nowrap сообщает браузеру не начинать новую строку, когда заканчивается пространство по горизонтали. Вместо этого раздвиньте элемент настолько широко, насколько это возможно, а затем просто увеличьте размеры коробки. Вы можете добиться того же, заменив все пробелы на & nbsp; сущности.