怎么給span標(biāo)記樣式設(shè)置width屬性

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

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

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

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

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

Div怎樣設(shè)置邊框和透明度樣式

iframe的子頁面怎樣操作父頁屏蔽頁面彈出層效果

HTML的meta viewport屬性應(yīng)該如何使用

怎么修改form的默認(rèn)提交方式

以上就是怎么給span標(biāo)記樣式設(shè)置width屬性的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！