首先,span是行內元素,是沒有寬高的。
我們來做個簡單的布局
<div>
<span>內容內容內容內容內容內容內容內容</span>
</div>
頁面的最原始的效果,就給div加個邊框:

為了能夠讓span的margin-top和margin-bottom生效,可以按照下面的做法:給span加一個display:inline-block或者直接display:block;具體操作,隨你自己。


還有一個就是,你想讓文字居中,就可以借助line-height,這個時候,就可以不需要display來控制了,你要多高,就改變line-height的值就可以,也不需要margin-top或者margin-bottom,因為你加了line-height本來文字居中了,然后你加個外邊距,反倒讓文字偏移了預期,這就多此一舉了。

