Question

line-height应该做什么，因为已经有一个名为font-size的属性？

当我们指定类似的内容时，它意味着什么：

white-space:nowrap;

Answer 1

line-height属性允许您独立于字体大小设置文本行的高度（适用于垂直居中单行文本等）。

空白：NOWRAP;将文本行不包括，直到＆lt; br /＆gt;遇到了。

Answer 2

line-height属性设置行之间的距离。如果您使值大于字体大小，那么它看起来就像线条移动得更远。将它设置得更小，线条将开始重叠。

Answer 3

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

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

Answer 4

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

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

nowrap：文本永远不会换行，它会在同一行继续，直到＆lt; br＆gt;遇到标签

Answer 5

行高指定行之间的空间量。所以要获得“双倍间距”类型，你的行高：200％。 Read More...

Answer 6

行高是文本的高度。字体具有内置的默认行高。对于单行向上文本，它将与调整填充相同。但对于多行文本，它控制文本行之间的空间 - 没有其他方法可以控制。

白色空间：nowrap告诉浏览器在水平用尽空间时不要开始新行。相反，将元素推到尽可能宽的范围，然后简单地溢出盒子的尺寸。你可以通过用＆amp; nbsp;替换所有空格来实现同样的目的。实体。

Answer 7

它主要用于段落中行之间的距离。

Answer 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;
   }

Answer 9

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

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

Answer 10

主要用途是“white-space：nowrap;”在表格标题单元格（位于表格顶部或左侧）中，您不希望这样，根据表格内容，您将获得换行符。没有它，结果很容易变得丑陋。

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

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

10 个答案: