版權聲明：MB5U.com原創，未經同意，謝絕轉載！

　　我們往往對塊元素（block element）應用外邊距屬性margin，以期對塊元素進行更好的控制，同時也可以應用此屬性將塊元素定位在預想的位置。假如對內聯元素（inline element）應用外邊距屬性margin，會是何效果呢？我們今天就此問題，展開一些小測試。希望大家在以后的編碼中，可以記住這些效果，更好的加以利用。

　　我們首先測試一下，在內聯元素中垂直方向上應用margin屬性會是何效果：



　　我們通過運行發現，文本“MB5U.com”在垂直方向上沒有發生任何變化，margin不能改變它的行高，也改變不了它在垂直方向上的位置。我們將margin-top改成margin-bottom將會得到同樣的效果。

　　那么內聯元素中水平方向上應用margin屬性會是何效果呢：



　　通過上面的運行結果，我們可以了解到，在水平方向上對內聯元素應用margin屬性，得到的結果與在塊元素上應用margin屬性的效果是一致的。也就是說水平方向上我們得到了外邊距而垂直方向上沒有任何改變。
　　
--------------------------------------------------------------------------------------------
補充： [感謝：purecss]

　　“沒有任何改變”應該明確的說是在視覺上沒有任何改變，引用《CSS權威指南》中的一段話：


　　還為我們常認為的內聯元素不支持上下補白錯誤關點原因和這個邊界的原因是一樣的。至于內聯元素邊界什么時候需要用到，至今也沒有碰到過。