這篇文章主要介紹“DIV和SPAN的區(qū)別”，在日常操作中，相信很多人在DIV和SPAN的區(qū)別問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”DIV和SPAN的區(qū)別”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

創(chuàng)新互聯(lián)建站專注于網(wǎng)站建設(shè)，為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)開發(fā)服務(wù)，多年建網(wǎng)站服務(wù)經(jīng)驗(yàn)，各類網(wǎng)站都可以開發(fā)，品牌網(wǎng)站制作，公司官網(wǎng)，公司展示網(wǎng)站，網(wǎng)站設(shè)計(jì)，建網(wǎng)站費(fèi)用，建網(wǎng)站多少錢，價(jià)格優(yōu)惠，收費(fèi)合理。

深入理解DIV和SPAN的區(qū)別

DIV 塊元素，span是行內(nèi)元素

Span的寬度依照包圍著對(duì)象的寬度而定，所以不能用寬度屬性width設(shè)置span標(biāo)記內(nèi)對(duì)象的寬度，但可以設(shè)置span的margin（外補(bǔ)?。┲担瑂pan中的對(duì)象位置與父對(duì)象的距離

l  Div  塊元素        100%         會(huì)換行

l  Span 行內(nèi)元素  文本實(shí)際長(zhǎng)度

l  塊元素和行內(nèi)元素也不是一成不變的，通過定義CSS的display屬性值可以互相轉(zhuǎn)化

Eg:#div{display:inherit;}   #span{display:block;}

何時(shí)用span

在同一行中，想對(duì)其中文字或圖片設(shè)置樣式，而又不要該行文本換行的條件下，使用span標(biāo)記

到此，關(guān)于“DIV和SPAN的區(qū)別”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！