div和span元素的使用區別

2021-04-17 04:57:30 字數 545 閱讀 4384

div和span在使用上還是有所區別的:

從定義上來說,span 和 div 的區別在於,div(division)是乙個塊級元素,可以包含段落、標題、**,乃至諸如章節、摘要和備註等。而span 是行內元素,span 的前後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用span。

從實際應用的角度來看,可能其比較大的區別就是:你可以對div進行任何樣式的設定,包括塊的高度、寬度、邊框等等,基本你能找到的大多數樣式都可以得到正常的頁面效果,但是div有乙個小問題,就是如果你打算在乙個容器標籤中新增多個div的時候,你會發現,它們會很自覺地按照上下順序進行排列,這個時候,如果你打算將這些div橫排排列的時候,可能你就會遇到一些小麻煩了,那麼這個時候,你可以通過下面兩種方式來進行解決:

(1)    如果有n個div,則將前面n-1個的樣式中新增「float:left;」

(2)    可以對每乙個div都新增相同的樣式「display:inline;」   

而對span的使用,可以專門針對乙個段落中的內容進行樣式的乙個小的範圍限定,不具有任何結構特性。

div和span元素的區別

要點整理 1 div是乙個塊級元素,獨佔一行不能和其它元素在一行 2 span是行內元素 也譯作內嵌元素 不會另起一行 3 塊元素和行內元素通過css的display屬性值可以互相轉化 測試 div style display inline 緊跟前面的 測試 顯示 div 這裡會另起一行顯示 div...

div和span的區別

相對與其他xhtml標籤,div和span對於它們包含的元素是沒有意義的。例如當你看到標籤,你知道裡面是標題,當你看到 標籤的時候你知道裡面是乙個新的自然段。可是div和span標籤並沒有這樣意義。div只是乙個分塊的標籤,他可以將網頁分成幾個區塊。div裡面可能包含乙個標題,乙個段落,也可能包含在...

SPAN和DIV的區別

span和div的區別 div division 是乙個塊級元素,可以包含段落 標題 乃至諸如章節 摘要和備註等。而span 是行內元素,span 的前後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用span。下面以乙個例項來說明這兩個屬性的區別。span標記有乙...