直接給span標記的樣式設定width屬性，會發現不會產生效果。

如果設置display:block，width屬性生效，但是此時的span跟div一樣了。
如果設置display:inline-block，則span并列在同行，而且width屬性生效。

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

1）block：塊對象的默認值。將對象強制作為塊對象呈遞，為對象之后添加新行。
2）inline：內聯對象的默認值。將對象強制作為內聯對象呈遞，從對象中刪除行。
3）inline-block：將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內。
4）non：隱藏對象。與 visibility 屬性的hidden值不同，其不為被隱藏的對象保留其物理空間。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

Div怎樣設置邊框和透明度樣式

iframe的子頁面怎樣操作父頁屏蔽頁面彈出層效果

HTML的meta viewport屬性應該如何使用

怎么修改form的默認提交方式

以上就是怎么給span標記樣式設置width屬性的詳細內容，更多請關注php中文網其它相關文章！