显示：块空格

Question

根据这篇quirksmode文章，http://www.quirksmode.org/css/display.html

  

一个块上面和下面有一些空格，并且不容忍任何HTML   旁边的元素，除了订购时

上面或下面的空白是以像素表示还是只是'空格'？

Answer 1

在给定的上下文中，“空白”是一个粗略的用词。在文本方面的空白应该永远不会直接干扰非内联块框的布局;您应该在块框之间看到的是边距（通常是所说的框），它们是完全不同的。

边距确实以像素表示。实际上，它们可以用任何CSS长度单位表示;请参阅规范中的margin properties。您没有直接为内联流的元素指定空白的像素长度;它通常由font-size控制，但是当使用与完全不相关的块框时。

Answer 2

'whitespace'是元素的边距，可以通过任何标准CSS单位控制（例如px，em，％等）

Answer 3

您可以使用CSS元素的填充或边距属性来指定这样的东西（在任何CSS单元中，包括像素）。你们许多人都指出：

.class 
{
   padding-left: 4px;
   padding-top: 3px;
}

填充和边距之间的差异与显示有关。 padding属性在元素和它的邻居之间放置一些“空格”（相当清晰的空间，元素后面的任何内容）。边距会增加元素围绕其内容的大小;额外的空间将显示为当前元素的任何背景。