css - 显示：阻止空格

Question

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

块的上下都有一些空格，并且不允许其旁边有任何 HTML 元素，除非是有序的

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

Answer 1

在给定的上下文中，“空白”是一个严重的误称。文本中的空白不应直接干扰非内联块框的布局；您应该在块框之间看到的是边距（通常是所说的框），它们是完全不同的。

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

Answer 2

“空白”是元素的边距，可以通过任何标准 CSS 单位（例如 px、em、% 等）控制

Answer 3

您可以使用 CSS 元素的 padding 或 margin 属性来指定这样的东西（在任何 CSS 单位中，包括像素）。你们许多人指定了类似的东西：

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

padding 和 margin 之间的区别与显示有关。padding 属性在元素和它的邻居之间放置了一些“空白”（相当清晰的空间，元素后面的任何东西都会显示在那里）。边距会增加元素围绕其内容的大小；额外的空间将显示为当前元素具有的任何背景。