Question

任何人都可以告诉我div和span代码之间的区别吗？

Answer 1

div是块级别，这意味着它在它自己的单独行上。 span是内联的，因此它是另一个块级元素的子元素。

<p><span>blah</span> <span>foo</span></p>

^我可以在块级内有多个跨距。它们都出现在同一条线上。

<div>foo</div><div>blah</div>

^这些div将分开排列。

使用CSS，您可以轻松覆盖span和block级别的样式，但这不应该与您的初始标记和结构有任何关系。

Answer 2

span和div之间的区别在于span元素为in-line，通常用于in-line HTML的一小部分而div（ division）元素是block-line（基本上相当于在它之前和之后有一个换行符）并用于分组更大的代码块。

<div id="scissors">
    <p>This is <span class="paper">crazy</span></p>
</div>

div特别是跨度实际上不应该经常使用。每当有一个合理的替代方案应该被使用时。例如，如果你想强调“疯狂”这个词，而“纸张”这个词是bold，那么代码可能如下所示：

<div id="scissors"> 
    <p>This is <strong class="paper">crazy</strong></p>
</div>

Answer 3

这是一个示范......

#mydiv{
  display:inline;
}

#myspan{
  display:block;
}

<div id="mydiv">
  this div will behave just like a span
</div>

<span id="myspan">
  this span will behave just like a div
</span>

Answer 4

Div是一个块元素; span - inline，so

Div的位置分开;跨越一行
Div有宽度，跨度没有

Answer 5

div是block元素，span是inline元素。

内联：这些元素不会强制使用   它之前或之后的新线   放置，它只消耗   必要的空间。

阻止：在和之前出现新行   在元素消耗之后   可用的全宽。

inline/block，div and span

的更多区别

Answer 6

我会给出简单的答案，而不是进入块/内联技术。

Div元素可以包含其他元素，包括其他Div。

Span元素不能包含“复杂”元素，只有<a>标记的文本或内容与span相同“级别”，或者从技术上讲（抱歉！）也是内联的。

Div在页面中用作“占位符”，例如包含整个菜单，然后您可以只使用CSS将其放置在任何位置，并将相同的样式应用于占位符中的所有内容。

当您希望其他文本中包含不同字体/颜色/大小的文本时，“跨度”用于设置特定文本的样式。无法真正考虑span标记的任何其他用法。

答案 6 :(得分：1)

标记用于对文档中的内联元素进行分组，此标记本身不提供任何可视更改。它提供了一种将钩子标记为文本或文档的一部分的方法。

标签定义HTML文档中的分区或部分。

答案 7 :(得分：1)

Div：它像块一样工作，相当于有一个换行符。跨度：它像内联一样工作。例如：

** Div and Span Difference
Div示例

你的名字是什么？

我的名字是Aruna Thakur

Span Example 你的名字是什么：我的名字是Aruna Thakur **“结束代码”

答案 8 :(得分：0)

在 HTML 中，<span>和<div>（除法）都是文档的结构元素。两者都可以嵌套标签，应用属性，并可用于从动态代码或导航域中提供样式，语义清晰度和访问对象模型（DOM）。他们的不同之处在于他们的报道。 <span>保持覆盖内嵌，而<div> 块级。它们的多功能性，或许以前缺乏替代品，导致这些流行的标签过度使用。

现在 HTML5 有特定的标签，应该用来代替<span>和<div>，包括<fieldset>（表格），<legend>， <label>，<input>，<header>，<footer>，<caption>和<figure>，仅举几例。这些新增功能应该用于它们的特定场景。

有关详细信息，请参阅第{4}节中的第4节“HTML元素”。特别是，查找部分，分组上下文和表单。

答案 9 :(得分：0)

div - 它是一个dom元素，display属性为block，元素将占用整行与换行符。

<div>Your website name?</div>
<div>http://www.array151.com</div>

将显示在两个不同的行中。并且每个div将被视为一个单独的块。

Your website name?
http://www.array151.com

span - display属性inline的dom元素没有换行符。

<span>Your website name?</span>
<span>http://www.array151.com</span>

由于跨度

，结果将在同一行

Your website name?http://www.array151.com

Answer 7

标记用于对文档中的内联元素进行分组，此标记本身不提供任何可视更改。它提供了一种将钩子标记为文本或文档的一部分的方法。

标签定义HTML文档中的分区或部分。

Answer 8

在 HTML 中，<span>和<div>（除法）都是文档的结构元素。两者都可以嵌套标签，应用属性，并可用于从动态代码或导航域中提供样式，语义清晰度和访问对象模型（DOM）。他们的不同之处在于他们的报道。 <span>保持覆盖内嵌，而<div> 块级。它们的多功能性，或许以前缺乏替代品，导致这些流行的标签过度使用。

现在 HTML5 有特定的标签，应该用来代替<span>和<div>，包括<fieldset>（表格），<legend>， <label>，<input>，<header>，<footer>，<caption>和<figure>，仅举几例。这些新增功能应该用于它们的特定场景。

有关详细信息，请参阅第{4}节中的第4节“HTML元素”。特别是，查找部分，分组上下文和表单。

Answer 9

在 HTML 中，<span>和<div>（除法）都是文档的结构元素。两者都可以嵌套标签，应用属性，并可用于从动态代码或导航域中提供样式，语义清晰度和访问对象模型（DOM）。他们的不同之处在于他们的报道。 <span>保持覆盖内嵌，而<div> 块级。它们的多功能性，或许以前缺乏替代品，导致这些流行的标签过度使用。

现在 HTML5 有特定的标签，应该用来代替<span>和<div>，包括<fieldset>（表格），<legend>， <label>，<input>，<header>，<footer>，<caption>和<figure>，仅举几例。这些新增功能应该用于它们的特定场景。

有关详细信息，请参阅第{4}节中的第4节“HTML元素”。特别是，查找部分，分组上下文和表单。

Answer 10

div - 它是一个dom元素，display属性为block，元素将占用整行与换行符。

<div>Your website name?</div>
<div>http://www.array151.com</div>

将显示在两个不同的行中。并且每个div将被视为一个单独的块。

Your website name?
http://www.array151.com

span - display属性inline的dom元素没有换行符。

<span>Your website name?</span>
<span>http://www.array151.com</span>

由于跨度

，结果将在同一行

Your website name?http://www.array151.com

div和span标签之间的区别

10 个答案: