在空間元素中使用邊距和填充時應該考慮什麼？

我的任務是修改網站的佈局，使其符合客戶企業風格指南的標準。在空間元素中使用邊距和填充時應該考慮什麼？

該指南要求我確保某些元素與其他元素間隔[X] px，並且此類元素與該類型的元素對齊。

所以當我這樣做時，我可以看到現有間距在某些情況下使用padding定義，在其他情況下使用margin。

是否有這樣做的首選方式？我應該什麼時候使用一種而另一種？

來源

2011-07-11 DaveDev

這真的取決於某種方式。保證金和填充是兩件不同的事情。但是在某些情況下，您不會注意到其中的差異。

這個數字顯示了區別：

enter image description here

來源：http://www.edition-w3c.de/TR/1998/REC-CSS2-19980512/bilder/boxdim.gif

因此，例如：如果要定義邊框和內容之間的空間，你只能做到這一點與填充（雖然有一個可見的邊框）。

來源

2011-07-11 09:54:06 fyr

通俗的說法。

如果您有兩個div彼此相鄰，則兩者之間的空間被稱爲邊距。

如果div中有文本，則div（頂部，右側，底部，左側）和文本之間的間距稱爲填充。

來源

2011-07-11 09:56:38

這個區別最好在視覺上解釋。

嘗試了這一點：

<html> 
<head> 
    <style> 
    body { background-color: #E342FF; margin: 0; padding: 0; } 
    #mydiv { border: 2px solid #000000; width: 50%; height: 20%; margin: 50px 0 0 50px; } 
    #mydiv2 { border: 2px solid #000000; width: 50%; height: 20%; padding: 50px 0 0 50px; } 
</style> 
</head> 
<body> 
<div id="mydiv"> 
</div> 
<div id="mydiv2"> 
</div> 
</body> 
</html>

您應該看到的是，保證金只需移動DIV，並填充實際上使它更大。

來源

2011-07-11 09:57:06 LainIwakura

在空間元素中使用邊距和填充時應該考慮什麼？

回答

相關問題