div和span元素的區別

2021-09-24 09:08:50 字數 828 閱讀 5300

要點整理:

1、div是乙個塊級元素,獨佔一行不能和其它元素在一行

2、span是行內元素(也譯作內嵌元素),不會另起一行

3、塊元素和行內元素通過css的display屬性值可以互相轉化

測試<div style="display:inline">緊跟前面的"測試"顯示</div>這裡會另起一行顯示

div是乙個塊級元素,我們可以把它比喻成盒子,它沒什麼實際語義能用到很多地方,獨佔一行不能和其它元素在一行,

2個都是用來劃分區間但是沒有實際語義的標籤,差別就在於div是塊級元素,不會其他元素在同一行;span是內聯元素,可以與其他元素位於同一行。

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標記有乙...