首頁  >  文章  >  web前端  >  怎麼給span標記樣式設定width屬性

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

php中世界最好的语言
php中世界最好的语言原創
2018-02-07 09:55:463602瀏覽

這次帶給大家怎麼給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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn