要點整理:div 和 span 元素最大的特點是預設都沒有對元素內的物件進行任何格式化渲染。主要用於應用樣式表(共同點)。1、div是乙個塊級元素,獨佔一行不能和其它元素在一行
2、span是行內元素(也譯作內嵌元素),不會另起一行
3、塊元素和行內元素通過css的display屬性值可以互相轉化
測試<div style="display:inline">緊跟前面的"測試"顯示</div>這裡會另起一行顯示
div是乙個塊級元素,我們可以把它比喻成盒子,它沒什麼實際語義能用到很多地方,獨佔一行不能和其它元素在一行,
2個都是用來劃分區間但是沒有實際語義的標籤,差別就在於div是塊級元素,不會其他元素在同一行;span是內聯元素,可以與其他元素位於同一行。
兩者最明顯的區別在於div是塊元素,而span是行內元素(也譯作內嵌元素)。
詳解:1.所謂塊元素,是以另起一行開始渲染的元素,行內元素則不需另起一行,測試一下下面的**你會有更形象的理解:
測試緊跟前面的"測試"顯示
這裡會另起一行顯示
2.塊元素和行內元素也不是一成不變的,通過定義css的display屬性值可以互相轉化,如:
測試緊跟前面的"測試"顯示
這裡會另起一行顯示
**部落格:
div和span元素的使用區別
div和span在使用上還是有所區別的 從定義上來說,span 和 div 的區別在於,div division 是乙個塊級元素,可以包含段落 標題 乃至諸如章節 摘要和備註等。而span 是行內元素,span 的前後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用...
div和span的區別
相對與其他xhtml標籤,div和span對於它們包含的元素是沒有意義的。例如當你看到標籤,你知道裡面是標題,當你看到 標籤的時候你知道裡面是乙個新的自然段。可是div和span標籤並沒有這樣意義。div只是乙個分塊的標籤,他可以將網頁分成幾個區塊。div裡面可能包含乙個標題,乙個段落,也可能包含在...
SPAN和DIV的區別
span和div的區別 div division 是乙個塊級元素,可以包含段落 標題 乃至諸如章節 摘要和備註等。而span 是行內元素,span 的前後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用span。下面以乙個例項來說明這兩個屬性的區別。span標記有乙...