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

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

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

l  Div  塊元素        100%         會換行

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

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

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

何時用span

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

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

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