DIV和SPAN的區(qū)別-創(chuàng)新互聯(lián)

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

我們提供的服務(wù)有：網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、新絳ssl等。為成百上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的新絳網(wǎng)站制作公司

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

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

Span的寬度依照包圍著對(duì)象的寬度而定，所以不能用寬度屬性width設(shè)置span標(biāo)記內(nèi)對(duì)象的寬度，但可以設(shè)置span的margin（外補(bǔ)丁）值，span中的對(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í)用的文章！

標(biāo)題名稱：DIV和SPAN的區(qū)別-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址：http://m.jiaotiyi.com/article/disgsh.html