相信很多朋友在設定span裡面的內容有背景的時候會遇到如下問題：


1、設為display:block可以解決有背景，但換行，因block屬性原因，必會換行

2、不用display:block背景便不會全部顯示出來

3、float:left也不好用

4、有的只好用定位，較麻煩

解決辦法：

把display設定為：inline-block

元素display屬性的常見值說明：

block：塊物件的預設值。將物件強制作為塊物件呈遞，為物件之後新增新行。
inline：內聯物件的預設值。將物件強制作為內聯物件呈遞，從物件中刪除行。
inline-block：將物件呈遞為內聯物件，但是物件的內容作為塊物件呈遞。旁邊的內聯物件會被呈遞在同一行內。
non：隱藏物件。與 visibility 屬性的hidden值不同，其不為被隱藏的物件保留其物理空間。