这是一个错误.该justify-items
和justify-self
性能不Flexbox的申请.
考虑您的信息来源:MDN Web Docs(以前称为Mozilla开发者网络).尽管通常有用且可靠,但该资源仍然代表了二手信息.
MDN页面上的CSS定义基于官方W3C文档.MDN贡献者(人)阅读,过滤和解释W3C数据以便在MDN上呈现.因此,MDN信息会受到人为错误的影响.这就是问题所在.
如果直接进入规范,您将找到正确的信息:
此属性指定
justify-self
参与此框格式化上下文的所有子框(包括匿名框)的默认值.
好的.那我们去吧justify-self
.
适用于:块级框,绝对定位的框和网格项
如前所述,justify-items
和justify-self
并不适用于弯曲的物品.
另请注意,justify-items
并且justify-self
适用于多个盒子模型,而不仅仅是CSS Grid.有关更多详细信息,请参阅CSS Box对齐模块规范.