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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • rsyslogd-学习&使用

    rsyslogd-学习&使用简介【这一篇博客不是完整的解释rsyslogd的运行原理,只是一个自己查找资料的记录】rsyslog是一个syslogd的多线程增强版。现在Fedora和Ubuntu,rhel6默认的日志系统都是rsyslog了。rsyslog负责写入日志,logrotate负责备份和删除旧日志,以及更新日志文件学习资料1.官方网站官方网站:http://www.rsyslog.com/这是官

    2022年8月15日
    4
  • Ubuntu更换Linux内核版本

    Ubuntu更换Linux内核版本Ubuntu14 04 5 默认 Linux 内核版本号是 4 4 0 31 这几天为了换一个低版本的内核 在网上查了蛮多帖子 最后虽然有点小问题 切换内核版本不是很方便 但总算是勉强更换成功 试了几个方法不行后 按照 nbsp https blog csdn net xin yu xin article details nbsp 这篇帖子的方法成功更换 博主的步骤基本没问题 我是一步一步对照着进行的

    2025年7月24日
    1
  • linux抓本来端口包,Linux抓包

    linux抓本来端口包,Linux抓包tcpdump-ieth1-nn‘dsthost172.31.0.42‘-w/tmp/temp.cap监听指定的主机$tcpdump-ieth0-nn‘host192.168.1.231‘这样的话,192.168.1.231这台主机接收到的包和发送的包都会被抓取。$tcpdump-ieth0-nn‘srchost192.168.1.231‘这样只有192….

    2022年10月15日
    0
  • IIS http 500 内部服务器错误 (解决方案)「建议收藏」

    IIS http 500 内部服务器错误 (解决方案)「建议收藏」 第一步:“开始”->“设置”->“控制面板”->“管理工具”->“组件服务”中,“控制台根目录”->“组件服务”->“计算机”->“我的电脑”->“COM+应用程序”中,有一个“IISOut-Of-ProcessPooled”鼠标右键“属性”–“标识”–把“此用户”调整为“交互式用户–目前已登录的用户”。然后“确定”,再鼠标右键“属性”–“启动”.第二步:“开始”->“管理工具”-

    2022年8月12日
    5
  • mac连上wifi却上不了网「建议收藏」

    mac连上wifi却上不了网「建议收藏」mac连上wifi却上不了网总结起来就是先删干净wifi再重新新建一个wifi选项电脑自动分配一个地址等于是格式化wifi了

    2022年6月25日
    29

发表回复

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

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