直接給span標記的樣式設定width屬性,會發現不會產生效果。
如果設定display:block,width屬性生效,但是此時的span跟div一樣了。
如果設定display:inline-block,則span並列在同行,而且width屬性生效。
元素display屬性的常見值說明:
1)block:區塊物件的預設值。將物件強製作為區塊物件呈現,為物件之後新增一行。
2)inline:內嵌物件的預設值。將物件強製作為內聯物件呈現,從物件中刪除行。
3)inline-block:將物件呈現為內嵌對象,但是物件的內容作為區塊物件呈現。旁邊的內聯物件會被呈現在同一行內。
4)non:隱藏物件。與 visibility 屬性的hidden值不同,其不為隱藏的物件保留其物理空間。