可能重複:
What is the difference between HTML tags DIV and SPAN?
Difference between div and spandiv和span有什麼區別?
很多人都在問我同樣的問題,我不知道答案。你能告訴我div
和span
之間有什麼區別; html
標籤?
有什麼區別?
是什麼讓他們不同?
以及其他可能的答案,您認爲對此更好。而且,請給code
將使用css
可能重複:
What is the difference between HTML tags DIV and SPAN?
Difference between div and spandiv和span有什麼區別?
很多人都在問我同樣的問題,我不知道答案。你能告訴我div
和span
之間有什麼區別; html
標籤?
有什麼區別?
是什麼讓他們不同?
以及其他可能的答案,您認爲對此更好。而且,請給code
將使用css
div
使span
工作作爲div
是一個塊級元素,span
是一個內聯元素。這基本上就是它的要點。 ;)
詳細說明; div
元素的默認樣式是塊級別。這意味着它可以包含其他塊級元素以及嵌入式元素。 span
元素的默認樣式是串聯的,這意味着塊級元素可以包含它,但它不能包含塊級元素。但是,這些都可以使用CSS進行更改,因此您可以使用內聯div
和塊級別span
!
記住,雖然你可能能夠通過使span
攔網和div
小號直列以獲得更好的內容佈局,如果你嘗試加入的元素,如span
內部的塊級元素,HTML驗證可能會引發在技術上這些元素不應出現在那裏。
'塊級'我的意思是這是一塊內容,並強制其他塊出現在它下面。內嵌元素出現在內容塊中,例如,您可以通過使用span
元素將樣式添加到塊內的文本,並且不會使文本「超出行」。
跨度是一個內聯元素,其中一個div是一個塊元素。
首先,div
標記是塊級元素,span
標記是內聯元素。
https://developer.mozilla.org/en-US/docs/HTML/Block-level_elements
div
是display: block
默認。 span
默認爲display: inline
。他們可能與他們的孩子有不同的元素。他們可能是不同元素的孩子。
甲<span>
是inline
元件,其中<div>
是block
元件。我看到它們基本上與不同的默認display
樣式相同。 <div>
默認爲display: block
& <span>
默認爲display: inline
。
我傾向於使用<span>
,然後根據需要修改display
樣式。
我是第一個應答。我顯然需要更快。 – PhantomRick
所有元素都是相同的,只是具有不同的屬性。如果您將'display:block;'設置爲跨度,就像div一樣,因爲跨度是內聯元素 – Andy
http://stackoverflow.com/questions/9047939/difference-between-div-and-span – Stony