深入理解DIV和SPAN的區別

DIV 塊元素，span是行內元素

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

l  Div  塊元素        100%         會換行

l  Span 行內元素  文本實際長度

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

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

何時用span

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

以上這篇深入理解DIV和SPAN的區別就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持軟件開發網。

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