块标签和行标签

目录

块标签：

块标签特点：

独占一行 默认宽度占满父级

高度为0，子级内容撑开高度

行标签：

行标签特点：

同排序跟显示，遇到父级边界换行；没有宽高内容撑开宽高

换行被解析

---

块标签：

例如：div h1-h6 p ul ol li等

块标签特点：

独占一行 默认宽度占满父级，高度为0，子级内容撑开高度。

代码如下

独占一行 默认宽度占满父级

div{

            height: 100px;

            background-color: pink;

        }

效果图

高度为0，子级内容撑开高度

代码如下：

div{

            width: 50px;

            background-color: pink;

        }

效果图

行标签：

例如：span a i b em strong sub sup 等

行标签特点：

1. 同排序跟显示，遇到父级边界换行

2. 没有宽高内容撑开宽高

3. 换行被解析

同排序跟显示，遇到父级边界换行；没有宽高内容撑开宽高

如图：

 

换行被解析

如图

代码如图：