web前端培训文档流与文本流

发布时间:2020年01月04日作者:atguigu浏览次数:662

概述

         在我们日常的书写代码中,经常使用到float:left/right和position:absoulte/fixed,我们都知道这几个CSS样式都能使HTML中的元素脱离文档流(normal-flow),但是他们脱离文档流之后的效果是否相同呢?

 

文档流与文本流

      文本流

                  文本流,简单来说就是元素内部的一系列的字符的排列规则。

      文档流

                  文档流,英文是normal flow,又翻译为常规流,标准流,正常流,普通流等。

                  文档流指的是HTML中元素在计算布局排版的过程中,所有处于文档流中的元素会自动的从左到右(非块级元素),从上到下(块级元素)的排列规则。

                  元素在排版中的定位类型分为三种:

                           (1)文档流:块级格式化的块级盒子, 行内格式化的行内盒子以及相对定位的块级盒子和行内盒子

                           (2)浮动(float)
                           (3)绝对定位(position:absolute/fixed)

此处参考W3C标准: https://www.w3.org/TR/2016/WD-css-position-3-20160517/#positioning-schemes

        web前端培训文档流与文本流


上一篇:
下一篇:
相关课程

java培训 大数据培训 前端培训 UI/UE设计培训

关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
全国统一咨询电话:010-56253825
地址:北京市昌平区宏福科技园2号楼3层(北京校区)

深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)

武汉市东湖高新开发区东湖网谷(武汉校区)