flex-end和end之间的区别？

Question

使用css属性时align-items，看不到与flex-end或的值有任何视觉差异end。

align-items: end和之间有什么区别align-items: flex-end？

Answer 1

一个值（end）在CSS Box Alignment规范中定义，旨在应用于多个Box布局模型（块，表，网格，flex等）。

另一个值（flex-end）在CSS flexbox规范中定义，并且仅适用于flex布局。

借助Box Alignment规范，W3C试图建立一种通用语言来实现CSS中的框对齐。最终，“框对齐”值将取代在flex，grid和其他规格中定义的特定值。

例如：

• end 将代替 flex-end
• column-gap 将代替 grid-column-gap
• 等等。

许多Box Alignment值已在主要浏览器中使用。但是，完全实现仍然有一段路要走，因此使用它flex-end代替end（然后依靠长期支持旧名称）仍然更安全。

这是Box Alignment规范的插图：

第8.3节 传统峡性状：grid-row-gap， grid-column-gap，和grid-gap性质

网格布局模块最初是用其自身的装订线属性集编写的，然后将所有此类属性统一到现有的row-gap/ column-gap命名中。为了与旧内容兼容，必须将这些旧属性名称作为别名来支持：

• grid-row-gap必须视为该row-gap物业的简写

• grid-column-gap必须视为该column-gap 物业的简写

• grid-gap必须视为该gap物业的简写

在所有这三种情况下，旧版属性必须采用与它们作为别名的属性相同的语法，并且仅将值“转发”到其别名属性。