幽灵空白节点特性

最新推荐文章于 2023-07-22 15:09:25 发布

Lingwl

最新推荐文章于 2023-07-22 15:09:25 发布

阅读量195

点赞数

分类专栏：前端文章标签： css3 html5 css 前端 html

本文链接：https://blog.csdn.net/qq_38862981/article/details/124258955

版权

前端专栏收录该内容

12 篇文章 2 订阅

订阅专栏

幽灵空白节点必须在HTML5文档声明中才会出现，不声明或者声明为其他版本的html则没有这个特性

<!DOCTYPE html>

它的表现如同普通字符，没有宽度，但是可以对其进行行内元素的操作

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .ghostdiv{
            background: #000;
        }
        .ghostspan{
            display: inline-block;
        }

    </style>
</head>
<body>
    
    <div class="ghostdiv">
        <span class="ghostspan"></span>
    </div>
    
</body>
</html>

目前正在学习CSS相关基础，如有错误请及时指出，后续有学习到的心得会继续更新

优惠劵

Lingwl

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
幽灵空白节点特性

幽灵空白节点必须在HTML5文档声明中才会出现，不声明或者声明为其他版本的html则没有这个特性<!DOCTYPE html>它的表现如同普通字符，没有宽度，但是可以对其进行行内元素的操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed
复制链接

扫一扫