這篇文章主要介紹了如何給span標(biāo)記樣式設(shè)置width屬性，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計師等，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計技術(shù)配合操作的協(xié)同工作。創(chuàng)新互聯(lián)專業(yè)提供網(wǎng)站設(shè)計制作、網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站制作(企業(yè)站、響應(yīng)式網(wǎng)站、電商門戶網(wǎng)站)等服務(wù),從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗的提升,我們力求做到極致!

直接給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：塊對象的默認值。將對象強制作為塊對象呈遞，為對象之后添加新行。

2）inline：內(nèi)聯(lián)對象的默認值。將對象強制作為內(nèi)聯(lián)對象呈遞，從對象中刪除行。

3）inline-block：將對象呈遞為內(nèi)聯(lián)對象，但是對象的內(nèi)容作為塊對象呈遞。旁邊的內(nèi)聯(lián)對象會被呈遞在同一行內(nèi)。

4）non：隱藏對象。與visibility屬性的hidden值不同，其不為被隱藏的對象保留其物理空間。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“如何給span標(biāo)記樣式設(shè)置width屬性”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!