常规流(Normal flow)

2024-06-20 00:08
文章标签 常规 flow normal

本文主要是介绍常规流(Normal flow),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

连我自己把float和绝对定位,都称为脱离文档流,想想概念又不那么清晰,于是寻找了W3C资料来理解,才发觉不应该叫文档流。

资料

英文:https://www.w3.org/TR/CSS22/visuren.html#normal-flow

中文:http://w3help.org/zh-cn/kb/010/

PS:资料中文翻译为常规流,我觉得直译为普通流也行。

常规流

这个概念定义了什么东西,它决定了什么?它决定元素的布局方式,是基本的布局模式!

盒子模型

盒子模型,是DOM元素的抽象定义。盒子模型里,元素有margin、border、padding、content,分为块元素和内联元素两种。

块级元素(block)

块级元素会一个接一个地被垂直放置,起点是包含块的顶部。

内联元素(inline)

内联元素会一个接一个地水平排列,起点是包含块的顶部。

常规流布局

将窗体自上而下分成一行一行,块级元素从上至下、 行内元素在每行中按从左至右的依次排放元素。

PS:float、absolute是另外布局方式,position:relative属于常规流。

总结

其实也是简单东西,理解模糊时想复杂了。另外,即使别人将normal flow称为文档流,也不用去纠正。因为一个错误理解如果已经被大多人接受,那它也是对的。

这篇关于常规流(Normal flow)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1076545

相关文章

GNSS CTS GNSS Start and Location Flow of Android15

目录 1. 本文概述2.CTS 测试3.Gnss Flow3.1 Gnss Start Flow3.2 Gnss Location Output Flow 1. 本文概述 本来是为了做Android 14 Gnss CTS 的相关环境的搭建和测试,然后在测试中遇到了一些问题,去寻找CTS源码(/cts/tests/tests/location/src/android/locat

Understanding the GitHub Flow

这里看下Github的入门介绍    --链接 GitHub Flow is a lightweight, branch-based workflow that supports teams and projects where deployments are made regularly. This guide explains how and why GitHub Flow works

oracle常规信息查询脚本

==>检查磁盘受限情况 SELECT a.table_name, a.next_extent, a.tablespace_name FROM all_tables a,         ( SELECT tablespace_name, max(bytes) as big_chunk               FROM dba_free_space

Versioned Staged Flow-Sensitive Pointer Analysis

VSFS 1.Introduction2.Approach2.1.相关概念2.2.VSFS 3.Evaluation参考文献 1.Introduction 上一篇blog我介绍了目前flow-sensitive pointer analysis常用的SFS算法。相比IFDS-based方法,SFS显著通过稀疏分析提升了效率,但是其内部依旧有许多冗余计算,留下了很大优化空间。 以

常规流布局(补充)——WEB开发系列30

CSS(层叠样式表)作为现代网页设计的基础之一,其布局功能一直是开发者关注的重点。了解CSS常规流布局是掌握网页布局的第一步。 一、什么是常规流布局? 常规流布局(Normal Flow Layout)是CSS布局的基础,也是网页布局的默认方式。在常规流中,所有的元素都按照文档中的顺序依次排列。这种布局方式非常直观,可以帮助我们理解各种布局模式的基础。常规流布局包括块级元素(Blo

Salt Function Flow:深度解析复杂网关编排的优势与实践

系列文章索引: Salt Function Flow 系列文章 在业务流程编排中,处理条件逻辑、并行任务、以及复杂的流程分支是常见的挑战。对于需要高度灵活性和扩展性的项目,Salt Function Flow 提供了强大的网关编排能力,使开发者能够轻松定义和管理复杂的业务流程。本文将深入探讨Salt Function Flow中的复杂网关编排功能,展示其如何通过排他网关、并行执行等功能应对复杂的

Salt Function Flow 系列文章

Salt Function Flow 是一款Java开发、轻量级、内存级的业务流程编排框架,旨在帮助开发者通过函数式编程的方式定义和管理复杂的业务流程。它以高效、灵活的流程处理为核心,适用于多种业务场景,从简单任务自动化到复杂业务逻辑处理。 系列文章: Salt Function Flow:深度研发经验的沉淀,打造轻量级高效流程编排框架 Salt Function Flow:深度解析复杂网关编排

机器学习算法——常规算法【逻辑回归】

概述 逻辑回归(Logistic Regression)是一种广泛应用于二分类问题的统计模型,尽管名字中有“回归”二字,但它实际上是一个分类算法。逻辑回归通过使用逻辑函数估计概率,将线性回归的连续输出映射到[0, 1]区间,表示为特定类别的概率。 逻辑回归原理 逻辑回归模型使用Sigmoid函数作为激活函数,将线性回归的输出映射到[0, 1]区间,公式如下: [ P(y=1|x) = \f

Kotlin 流 Flow

挂起函数可以异步地返回一个值,而对于返回多个值,可以使用流,使用 emit(x) 发射多个值, collect { } 来收集值。 默认 流是冷的,只有 收集(collect) 时才会执行。 1. 流的创建 flow {} 生成流,emit(x) 来发射值;xxx.asFlow() 集合转成Flow;flowOf(1, 2, 3) 生成固定值的流。 1.1 flow {} flow {}

Flutter--- 常规知识点

这些问题涵盖了 Flutter 的核心概念和一些常见的框架与架构问题。我将尽量用口语化的方式来回答,并加入一些项目经验来帮助理解。 1. 为什么 Flutter 能跨平台? Flutter 能够跨平台的原因主要有两个方面:Flutter 的架构设计和Dart 语言的编译能力。 Flutter 使用的是自绘制引擎,也就是说它并不依赖于原生平台的控件,而是通过自己的渲染引擎(Skia)直接绘制所