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】即可将行内元素转变成块级元素了，代码如下： .divStyle { display:inline }
- 05
显示图 在浏览器中的演示图，如下图所示：
赞 (0)