這篇文章主要講解了“如何理解css html span塊狀不換行問題”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“如何理解css html span塊狀不換行問題”吧！

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都做網(wǎng)站、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的薌城網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！

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

如果設置display:block，width屬性生效，但是此時的span跟div一樣了。
如果設置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值不同，其不為被隱藏的對象保留其物理空間。

例如：

代碼如下:

這是測試

感謝各位的閱讀，以上就是“如何理解css html span塊狀不換行問題”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對如何理解css html span塊狀不換行問題這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設公司，，小編將為大家推送更多相關知識點的文章，歡迎關注！

網(wǎng)站標題：如何理解csshtmlspan塊狀不換行問題-創(chuàng)新互聯(lián)
文章起源：http://weahome.cn/article/cspdhh.html