Css 显示内联-*某些内容的属性差异*

我注意到，人们在1:1的比较中讨论了一些显示属性的细节，但在说明差异时，有很多内容没有涉及。有人能解释一下各种内联显示标签之间的区别吗

---

对w3schools这样的地方进行更详细的定义会带来奇迹。

对于任何具有块和内联变量的显示类型，唯一的区别是，

内联-*

显示类型将框内联放置（即在一个中），而另一个显示类型将框格式化为块级框，遵循与中其他块级元素相同的大多数格式约定。块级别框和内联级别框之间的差异将被深入讨论

关于盒子如何布置其内容的所有内容几乎都是相同的（当然，其细节由显示类型本身决定）；任何其他细微差别都会在规范中明确说明。据我所知，实际上没有这种差别

如有疑问，请选择块级显示类型。如果您发现自己在问内联级别是否合适，答案很可能是否定的。某些情况可能会阻止框被格式化为内联级别框，例如，或者被格式化为弹性项或网格项。结果是将

内联-*

变量直接转换为其常用的块变量。也就是说，

内联块

转换为

块

，

内联表

转换为

表

，

内联弹性体

转换为

弹性体

，

内联网格

转换为

网格

。同样，这不会直接影响元素内容的格式化方式，也不会影响规范

下面是每种显示类型及其内联级别对应的示例

---

在CSS2.1中，对

块

和

内联块

的描述如下：

块
该值使元素生成块框

内联块
该值使元素生成内联级块容器。内联块的内部被格式化为块框，元素本身被格式化为原子内联级框

请注意，“块盒”是“块级块容器”的缩写，块容器可以包含块级块盒

您可以看到，这两个值都会导致元素生成一个块容器框，其中的内容将始终遵循同一组格式规则，但该块容器框本身的格式为块级或内联级

块

和

内联块

之间还有一个额外的区别：内联块框始终建立新的块格式上下文；块框只能这样做。这对于具有块级别和内联级别对应项的任何其他显示类型都不适用

描述

表格

和

内联表格

，如下所示：

表格（HTML:table）
指定元素定义块级表：它是参与块格式上下文的矩形块

内联表格（HTML:table）
指定元素定义内联级别表：它是参与内联格式上下文的矩形块

以下描述了

flex

和

inline flex

：

flex
该值使元素生成块级flex容器框

内联flex
该值使元素生成内联级别的flex容器框

下面描述了

网格

和

内联网格

：

网格
该值使元素生成块级网格容器框

内联网格
该值使元素生成内联级别的网格容器框

---

同样，在所有这些场景中，无论是块级还是内联级，表、flex容器或网格容器的行为方式都完全相同。flex容器总是为其flex项建立flex格式上下文，而网格容器总是为其网格项建立网格格式上下文。

这是我遵循的第三个链接，上面说内联生成内联和框生成框，但区别一点也不清楚。邮件html中的内联-*如何？gmail似乎与内联网格一起工作，而与网格无关。