div和span有什么区别?

时间:2012-11-21 14:04:58

标签: css html

  

可能重复:
  What is the difference between HTML tags DIV and SPAN?
  Difference between div and span

很多人问我同样的问题而且我不知道答案。您能告诉我divspan之间的区别吗? html代码?

有什么区别?
是什么让他们与众不同?

你认为其他一些可能的答案对此更好。并且,请使用code

span div css {{1}}

5 个答案:

答案 0 :(得分:7)

div是块级元素,span是内联元素。这基本上就是它的要点。 ;)

详细说明; div元素的默认样式是块级别。这意味着它可以包含其他块级元素以及内联元素。 span元素的默认样式是内嵌的,这意味着块级元素可以包含它,但它不能包含块级元素。但是,这两个都可以使用CSS进行更改,因此您可以使用内联div和块级span

请记住,虽然您可以通过使span s block和div内联来获得更好的内容布局,但是如果您尝试在某个元素中包含块级元素,例如span,HTML验证程序可能会向您抛出错误,因为技术上这些元素不应出现在那里。

“块级别”我的意思是它是一块内容并强制其他块出现在它下面。内嵌元素出现在内容块中,例如,您可以使用span元素向块内的文本添加样式,并且不会使文本“脱节”。

答案 1 :(得分:1)

Span是一个内联元素,其中div是一个块元素。

答案 2 :(得分:1)

默认情况下,

divdisplay: block。默认情况下,spandisplay: inline。他们的孩子可能有不同的元素。他们可能是不同元素的孩子。

答案 3 :(得分:0)

首先,div标记是块级元素,span标记是内联元素。

https://developer.mozilla.org/en-US/docs/HTML/Block-level_elements

答案 4 :(得分:0)

<span>inline元素,其中<div>block元素。我认为它们与不同的默认display样式基本相同。 <div>默认为display: block&amp; <span>默认为display: inline

我倾向于使用<span>,然后根据需要修改display样式。