Какова цель line-height и что делает пробел: nowrap?

Question

что должен делать line-height, поскольку уже есть атрибут с именем font-size?

А что это значит, когда мы указываем что-то вроде:

white-space:nowrap;

Answer 1

Свойство line-height позволяет вам устанавливать высоту строки текста независимо от размера шрифта (хорошо подходит для центрирования одной строки текста по вертикали и т. Д.)

белый-пространство: Nowrap; будет для строк текста не переноситься, пока не встретится
.

Answer 2

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

Answer 3

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

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

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

Answer 4

высота строки: http://www.w3schools.com/css/pr_dim_line-height.asp

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

Answer 5

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

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

Answer 6

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

Answer 7

Основное использование «white-space: nowrap»; находится внутри ячейки заголовка таблицы (вверху таблицы или слева), где вы этого не хотите, в зависимости от содержимого таблицы вы получите разрывы строк. Без этого результат был бы безобразным.

См. Как предотвратить перенос текста в ячейке таблицы

Answer 8

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

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

Answer 9

Еще один прием, который можно использовать со свойством 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;
   }

Answer 10

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