DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> WEB前端代碼 >> DIV和SPAN的區別
DIV和SPAN的區別
編輯:WEB前端代碼     

DIV和SPAN的區別

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標記

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved