【问题标题】:What is the difference between div and span? [duplicate]div 和 span 有什么区别? [复制]
【发布时间】:2012-11-09 19:22:24
【问题描述】:

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

很多人问我同样的问题,我不知道答案。你能告诉我divspan有什么区别吗? html 标签?

有什么区别?
是什么让它们不同?

以及您认为对此更好的一些其他可能的答案。并且,请提供code,这将使span 使用cssdiv 工作

【问题讨论】:

  • 所有元素其实都是一样的,只是属性不同而已。如果您将 display: block; 设置为 span 是内联元素,则 span 的行为就像 div 一样

标签: css html


【解决方案1】:

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

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

请记住,虽然您可以通过将spans 块和divs 内联来获得更好的内容布局,但如果您尝试在诸如span 之类的元素中包含块级元素, HTML 验证器可能会向您抛出错误,因为技术上这些元素不应该出现在那里。

“块级别”是指它是一个内容块,并迫使其他块出现在其下方。内嵌元素出现在内容块中,例如,您可以使用 span 元素为块内的文本添加样式,它不会使文本“脱节”。

【讨论】:

    【解决方案2】:

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

    【讨论】:

      【解决方案3】:

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

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

      【讨论】:

        【解决方案4】:

        div 默认为display: blockspan 默认为 display: inline。他们可能有不同的元素作为他们的孩子。它们可能是不同元素的子元素。

        【讨论】:

          【解决方案5】:

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

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

          【讨论】:

          • 我是第一个回答的。我显然需要更快。
          猜你喜欢
          • 2011-02-27
          • 1970-01-01
          • 2015-11-23
          • 2013-02-13
          • 2011-04-26
          • 2016-09-24
          • 1970-01-01
          相关资源
          最近更新 更多