Margin對於行內元素的效果是不同於區塊級元素的。在行內元素中，margin屬性只會對垂直方向的上下外邊距起作用，而不會對水平方向的左右外邊距起作用。
舉個例子，在HTML中有一個段落元素 <p></p>，我們可以為其設定一些樣式，並觀察margin屬性對其的效果。
HTML程式碼如下所示：
<p class="example">这是一个段落</p>
CSS程式碼如下所示：
.example {
margin: 20px;
background-color: lightblue;
display: inline;
padding: 10px;
}上述程式碼設定了一個class為"example" 的段落元素，並給其設定了20px的margin，背景顏色為淺藍色，內邊距為10px，並將其display屬性設為行內元素。
如果在瀏覽器中執行上述程式碼，我們會發現margin屬性對於行內元素的上下外邊距是有效的，段落元素的頂部和底部會有一個20px的外邊距。
然而，如果我們嘗試為行內元素設定左右外邊距，我們會發現設定的margin值不會對行內元素產生任何效果。舉個例子，試試以下程式碼：
.example {
margin: 20px 50px; /* 不会对行内元素产生效果 */
}在範例程式碼中，我們嘗試為行內元素設定了20px的上/下外邊距和50px的左/右外邊距，但瀏覽器不會顯示出這些外邊距。
要注意的是，這種現象並不代表margin屬性對於行內元素完全無效。我們仍然可以藉助其他的CSS屬性和技巧來實現類似的效果，例如透過padding屬性、display屬性和偽元素等。
以上是margin屬性不影響行內元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！
