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
显示图
在浏览器中的演示图，如下图所示： - End
- 发表于 2018-04-03 00:00
- 阅读 ( 585 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章