怎麼給span標記樣式設定width屬性

這次帶給大家怎麼給span標記樣式設定width屬性，給span標記樣式設定width屬性的注意事項有哪些，下面就是實戰案例，一起來看一下。

直接為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中文網其他相關文章！