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