它们都是同义词吗?

使用这些术语的网站示例:

使用块布局规则的文档中最外层的元素建立第一个或初始块格式上下文.这意味着元素块中的每个元素都按照块和内联布局规则按照正常流进行布局.(来源:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts#block_formatting_contexts)

我不理解"使用块布局规则"部分."区块布局"的定义是什么?

元素使用流布局(块和内联布局)来布局其内容.(来源:https://www.w3.org/TR/css-display-3/#flow-layout)

流布局和块与内联布局究竟是什么?

正常流中的框属于格式化上下文,可以是块或内联的,但不能同时是两个.块级别框参与块格式上下文.内联级别框参与内联格式上下文.(来源:https://www.w3.org/TR/CSS2/visuren.html#normal-flow)

在这里,它讨论了它的行为,但没有确切说明它是什么.

正常流量=流量布局=块和内联=块布局=内联布局?

推荐答案

正常流量=流量布局=块和内联.

块布局≠ 内联布局

CSS2描述了block layout:

在块格式上下文中,从包含块的顶部开始,一个接一个地布置vertically²的方框.

inline layout:

在内联格式上下文中,方框从包含块的顶部开始,一个接一个地布置为horizontally².

这里有更多的细节,但这是布局的本质.

"正常流"的目的是提供一个单独的布局术语,与浮动和定位布局以及其他独立格式上下文的内部内容进行对比.


¹ Pretty much the entirety of sections 9 through 16 of the CSS 2.2 specification are describing that detail.

²此处的"垂直"和"水平"采用水平书写模式.CSS 3引入了一种垂直书写模式,其中所有内容都旋转90°,因此"垂直"和"水平"是反向的.

Css相关问答推荐

主dart 文件未加载Flutter Web

我控制的自定义单选按钮无法重新 Select

下拉面板未与Angular中的下拉文本框垂直对齐

如何将Ant设计日期 Select 器的图标设置在输入 Select 器之前而不是之后

如何将动态参数从react tsx文件发送到css

不明白为什么 div 不均匀并且不填满页面

before 元素的过渡效果

问题定位位置:Tailwindcss 中的绝对元素

Nativewind 的某些样式不适用于本机 (Android),但它们适用于网络

如何在真实文本旁边制作文本阴影,使其看起来像 css 中的重复文本?

子菜单的背景不占用所有空间

SASS 文件 struct :_typography、_layout 等中的相同 Select 器

CSS:将背景图像拉伸到屏幕的 100% 宽度和高度?

如何让 Firefox 在文件更改时自动刷新?

如何在 CSS 中覆盖图像?

li 中的第二行在 CSS-reset 后的项目符号下开始

如何仅使用 CSS 制作网格(如方格纸网格)?

在移动网络上禁用捏zoom

将 -moz-available 和 -webkit-fill-available 放在一个宽度中(CSS 属性)

仅使用 css 的换行符(如
)