Какова цель линии-высоты, а что - белого пространства: nowrap do?

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

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

white-space:nowrap;

Ответ 1

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

Пробельные: Nowrap; будет для строк текста не обертываться до тех пор, пока не будет < br/ > встречается.

Ответ 2

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

Ответ 3

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

Пробельные: http://www.w3schools.com/css/pr_text_white-space.asp

Ответ 4

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

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

nowrap: текст никогда не будет завершаться, он продолжается в той же строке, пока не будет <br> тег встречается

Ответ 5

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

Ответ 6

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

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

Ответ 7

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

Ответ 8

Другим трюком, который можно использовать с свойством 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;
   }

Ответ 9

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

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

Ответ 10

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

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