div和span标签之间的区别

Question

谁能给我div和span标签之间的区别？

Answer 1

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

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

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

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

^这些div将在不同的行上.

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

Answer 2

span和之间的区别div是,span元素in-line通常用于一小部分in-lineHTML而一个div(除法)元素block-line(它基本上相当于在它之前和之后有一个换行符)并用于分组更大的代码块.

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

div特别是跨度实际上不应该经常使用.每当有一个合理的替代方案应该被使用时.例如,如果你想强调单词'crazy'和类'paper' bold,那么代码可能如下所示:

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