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