2012-11-21 78 views
-5

可能重複:
What is the difference between HTML tags DIV and SPAN?
Difference between div and spandiv和span有什麼區別?

很多人都在問我同樣的問題,我不知道答案。你能告訴我divspan之間有什麼區別; html標籤?

有什麼區別?
是什麼讓他們不同?

以及其他可能的答案,您認爲對此更好。而且,請給code將使用css

+0

所有元素都是相同的,只是具有不同的屬性。如果您將'display:block;'設置爲跨度,就像div一樣,因爲跨度是內聯元素 – Andy

+0

http://stackoverflow.com/questions/9047939/difference-between-div-and-span – Stony

回答

7

div使span工作作爲div是一個塊級元素,span是一個內聯元素。這基本上就是它的要點。 ;)

詳細說明; div元素的默認樣式是塊級別。這意味着它可以包含其他塊級元素以及嵌入式元素。 span元素的默認樣式是串聯的,這意味着塊級元素可以包含它,但它不能包含塊級元素。但是,這些都可以使用CSS進行更改,因此您可以使用內聯div和塊級別span

記住,雖然你可能能夠通過使span攔網和div小號直列以獲得更好的內容佈局,如果你嘗試加入的元素,如span內部的塊級元素,HTML驗證可能會引發在技​​術上這些元素不應出現在那裏。

'塊級'我的意思是這是一塊內容,並強制其他塊出現在它下面。內嵌元素出現在內容塊中,例如,您可以通過使用span元素將樣式添加到塊內的文本,並且不會使文本「超出行」。

1

跨度是一個內聯元素,其中一個div是一個塊元素。

1

divdisplay: block默認。 span默認爲display: inline。他們可能與他們的孩子有不同的元素。他們可能是不同元素的孩子。

0

<span>inline元件,其中<div>block元件。我看到它們基本上與不同的默認display樣式相同。 <div>默認爲display: block & <span>默認爲display: inline

我傾向於使用<span>,然後根據需要修改display樣式。

+0

我是第一個應答。我顯然需要更快。 – PhantomRick