在justify-items上flex-start和flex-end的目的是什么?

Ela*_*ter 2 css css3 flexbox css-grid

据我所知,justify-items只用在CSS网格,但也有价值观flex-startflex-end.

在哪些情况下使用它们?

Mozilla开发者 - 证明物品

Mic*_*l_B 6

这是一个错误.该justify-itemsjustify-self性能不Flexbox的申请.

考虑您的信息来源:MDN Web Docs(以前称为Mozilla开发者网络).尽管通常有用且可靠,但该资源仍然代表了二手信息.

MDN页面上的CSS定义基于官方W3C文档.MDN贡献者(人)阅读,过滤和解释W3C数据以便在MDN上呈现.因此,MDN信息会受到人为错误的影响.这就是问题所在.

如果直接进入规范,您将找到正确的信息:

7.1.内联/主轴对齐:justify-items 属性

此属性指定justify-self参与此框格式化上下文的所有子框(包括匿名框)的默认值.

好的.那我们去吧justify-self.

6.1.内联/主轴对齐:justify-self 属性

适用于:块级框,绝对定位的框和网格项

如前所述,justify-itemsjustify-self并不适用于弯曲的物品.

另请注意,justify-items并且justify-self适用于多个盒子模型,而不仅仅是CSS Grid.有关更多详细信息,请参阅CSS Box对齐模块规范.