div 和 span 有什么区别？ [复制]答案

【问题标题】：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

很多人问我同样的问题，我不知道答案。你能告诉我div和span有什么区别吗？ html 标签？

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

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

【问题讨论】：

标签： css html

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

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

【讨论】：