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

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

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

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

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

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

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

何時(shí)用span

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

以上這篇深入理解DIV和SPAN的區(qū)別就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持VeVb武林網(wǎng)。

原文地址：http://www.cnblogs.com/cyn941105/p/5581725.html