div跟span的区别

在布局中会用到DIV或者SPAN。下面，我们来看看div和span有哪些区别吧。

操作方法

（01）行内元素和块级元素SPAN为行内元素，也就是不会对布局结构产生影响，而DIV则为块级元素，会单独占据一行。

（02）例子比如在body中输入几个div和span，代码如下： <div> <div class="divStyle">我是div</div> <div class="divStyle">我是div</div> <span class="spanStyle">我是SPAN</span> <span class="spanStyle">我是SPAN</span> </div>

（03）演示图点击调试按钮，在浏览器中打开演示图，可以看到div会另起一行，而span则会显示在同一行，如下图所示：

（04）将行内元素转变成块级元素使用【display:inline】即可将行内元素转变成块级元素了，代码如下： tyle { display:inline }

（05）显示图在浏览器中的演示图，如下图所示：