div和span的區別

2022-03-30 12:26:24 字數 493 閱讀 6498

div是塊元素,即自動換行 

常見的塊元素還有h1,table,p 

span是內聯元素,即不會換行 

常見的內聯元素還有img,a,b,strong

<

div>

第乙個div

div>

<

div>

第二個div

div>

<

span

>

第乙個span

span

>

<

span

>

第二個span

span

>

第乙個div

第二個div

第乙個span

第二個span

div是塊級元素,其預設寬度是100%,所以文字有對齊的空間前提

span看不出右對齊效果

因為span是內聯元素其預設寬度就是其文字內容的寬度

div和span的區別

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

SPAN和DIV的區別

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

div 和 span 的區別

在行內定義乙個區域,也就是一行內可以被劃分成好幾個區域,從而實現某種特定效果。本身沒有任何屬性。在css定義中屬於乙個行內元素 也譯作內嵌元素 而是塊級元素,我們可能通俗地理解為為大容器,大容器當然可以放乙個小容器了,就是小容器。div 和 span 元素最大的特點是預設都沒有對元素內的物件進行任何...