這次帶給大家怎麼給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中文網其它相關文章!
相關閱讀:
以上是怎麼給span標記樣式設定width屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!