当我使用 css 属性时align-items，我看不出与值有任何视觉差异flex-end或值end.
有什么区别align-items: end and align-items: flex-end?
一个值（end) 在 CSS 中定义盒子对齐规范 https://www.w3.org/TR/css-align-3/，旨在应用于多个框布局模型（块、表、网格、Flex 等）
另一个值（flex-end) 在 CSS 中定义弹性盒规格 https://www.w3.org/TR/css-flexbox-1/，并且仅适用于弹性布局。
通过 Box Alignment 规范，W3C 试图建立一种用于 CSS 中框对齐的通用语言。最终，盒子对齐值将取代 Flex、网格和其他规范中定义的特定值。
例如：
-
end将被用来代替flex-end
-
column-gap将被用来代替grid-column-gap
- 等等。
许多框对齐值已在主要浏览器中使用。但距离全面实施还有很长的路要走，所以使用起来还是更安全flex-end代替end（然后依靠对旧名称的长期支持）。
这是盒子对齐规范的插图：
§8.3。遗留间隙属性：grid-row-gap,
grid-column-gap, and grid-gap特性 https://www.w3.org/TR/css-align-3/#gap-legacy
网格布局模块最初是用它自己的一组装订线属性编写的，然后所有这些属性都统一到现有的row-gap / column-gap命名。为了与遗留内容兼容，这些遗留属性
必须支持名称作为别名：
在所有三种情况下，遗留属性必须采用相同的语法
作为它们别名的属性，只需将值“转发”到
他们的别名属性。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
