div跟span的区别

2022-05-04 小知识

在布局中会用到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的区别】演示图
点击调试按钮，在浏览器中打开演示图，可以看到div会另起一行，而span则会显示在统一行，如下图所示：

文章插图

04 将行内元素改变当作块级元素
利用【display:inline】即可将行内元素改变当作块级元素了，代码如下：
.divStyle
{
display:inline
}

文章插图

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

文章插图

以上内容就是div跟span的区别的内容啦，希望对你有所帮助哦！

推荐阅读

上一篇：电脑上的文件不能复制到U盘里怎么办

下一篇：如何在excel中进行加减乘除运算？