HTML中div与span标签的区别(带图)

HTML中div与span标签的区别(带图)

   html的div和span, 经常会用到, 尤其是前者。

        1. div是块级元素, 实际上就是一个区域, 主要用于容纳其他标签。 默认的display属性是block

        2. span是行内元素, 主要用于容纳文字。 默认的display属性是inline

测试代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
    <style>
        div{
            background: red;
        }
        span{
            background: red;
        }
    </style>
</head>

<body>
<p>测试</p>
<span >我是span,行内元素</span>
<div>我是div,块级元素</div>
</body>
</html>

区别如图所示:

HTML中div与span标签的区别(带图)

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/114753.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号