一般來span標記的樣式設定width屬性,會發現不會產生效果。但是有時我們因為某種應用而需要來設置span的width屬性。這個時候我們就要用到display屬性了。
對于display屬性而言他有四個屬性值:block、inline、inline-block、none。他們的詳細說明如下:
block:塊對象的默認值。將對象強制作為塊對象呈遞,為對象之后添加新行。
inline:內聯對象的默認值。將對象強制作為內聯對象呈遞,從對象中刪除行。
inline-block:將對象呈遞為內聯對象,但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內。
none:隱藏對象。與 visibility 屬性的hidden值不同,其不為被隱藏的對象保留其物理空間。
如果設置display:block,width屬性生效,但是此時的span跟div一樣了。
如果設置display:inline-block,則span并列在同行,而且width屬性生效。
|
新聞熱點
疑難解答