line-height的用途是什么，white-space：nowrap是做什么的？

Question

什么是line-height应该这样做，因为已经有一个属性叫做font-size？

什么意思时，我们指定是这样的：

white-space:nowrap; 

Answer 1

行高属性允许用户设置的线独立地从字体大小的文本的高度（可以很好地用于定心文本的一行垂直等）

空白：NOWRAP;对于文本行将不会换行直到遇到< br/>。

Answer 2

的line-height属性设置线之间的距离。如果您将该值设置为大于字体大小，那么它会看起来像线条正在进一步移动。将其设置得更小，线条将开始重叠。

Answer 3

行高指定行之间的空间量。因此，要获得“双倍行距”类型，您需要有行高：200％。 Read More...

Answer 4

行高： http://www.w3schools.com/css/pr_dim_line-height.asp

空白： http://www.w3schools.com/css/pr_text_white-space.asp

Answer 5

它大多用于在一段落中的行之间的距离。

Answer 6

Line-height属性设置行之间的距离。

white-space属性设置如何处理元素内的空白。

NOWRAP：文本永远不会换行，继续在同一行，直到<BR>标签遇到

Answer 7

可与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 8

line-height将设置两条线之间的距离，无论是作为绝对或相对值。所以line-height: 2em;将是双行距等，而font-size设置字体的实际大小。

white-space告诉浏览器如何处理空白。 “nowrap”会告诉浏览器永远不会换行文本，而是让文本继续行，直到遇到换行符（<br/>）。您也可以使用“pre”来保留空格（与使用<pre> HTML标签相同），或者您可以使用“normal”来通知浏览器忽略空白（这是默认设置）。

Answer 9

线高度是文本的高度。字体有一个内置的默认行高。对于单行文本，它将与调整填充相同。但是对于多行文本来说，它控制着文本行之间的空间 - 这是无法控制的。

White-space：nowrap告诉浏览器水平用完空间时不要开始新行。相反，将元素尽可能宽地推入，然后溢出框的尺寸。你可以通过用&替换所有空格来达到同样的效果。实体。

Answer 10

“white-space：nowrap;”的主要用途位于表格标题单元格内（位于表格的顶部或左侧），根据表格内容，您将得到换行符。没有它，结果会很容易变丑。

请参阅How to prevent text in a table cell from wrapping