span標記的樣式設(shè)定width屬性，會發(fā)現(xiàn)不會產(chǎn)生效果。?

如果設(shè)置display:block，width屬性生效，但是此時的span跟div一樣了。?
如果設(shè)置display:inline-block，則span并列在同行，而且width屬性生效。?

元素display屬性的常見值說明：?

block：塊對象的默認值。將對象強制作為塊對象呈遞，為對象之后添加新行。?
inline：內(nèi)聯(lián)對象的默認值。將對象強制作為內(nèi)聯(lián)對象呈遞，從對象中刪除行。?
inline-block：將對象呈遞為內(nèi)聯(lián)對象，但是對象的內(nèi)容作為塊對象呈遞。旁邊的內(nèi)聯(lián)對象會被呈遞在同一行內(nèi)。?
non：隱藏對象。與 visibility 屬性的hidden值不同，其不為被隱藏的對象保留其物理空間。?
例如：
這是測試

<span?style="display:inline-block">這是測試</span> ?

總結(jié)

以上是生活随笔為你收集整理的css html span 块状不换行的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。