2012-07-10 82 views
0

根據該怪異模式製品,http://www.quirksmode.org/css/display.html顯示:塊空格

A嵌段具有上面和下面的一些空白並耐受 元件旁邊,當下令

除了沒有HTML是以像素爲單位表示上下空白還是隻是'空白'?

+1

它被稱爲保證金。看看盒式模型:http://www.w3.org/TR/CSS2/box.html – TheZ 2012-07-10 19:10:49

回答

2

在給定的上下文中,「空白」是一個總用詞不當。文本方面的空格應該從不直接干擾非內嵌塊框的佈局;你應該看到塊盒之間有頁邊距(通常是所說的盒子),它們是完全不同的。

頁邊距確實用像素表示。實際上,它們可以用任何CSS長度單位表示;請參閱規格中的margin properties。您不直接爲內聯流動的元素指定空白的像素長度;這通常由font-size來控制,但是在使用應該完全不相關的塊框時。

1

的「空白」是元素的餘量,並且可以通過任何標準的CSS單元控制(例如像素,EM,%等)

0

您可以使用CSS元素的填充或邊距屬性來指定這樣的事物(在任何CSS單元中,包括像素)。你很多指定類似於:

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

填充和邊距之間的區別與顯示有關。 padding屬性在元素與其鄰居之間放置了一些「空白」(相當清晰的空間,無論元素後面會顯示那裏)。邊距會增加元素圍繞其內容的大小;額外的空間將顯示爲當前元素的任何背景。