The MDN 文档 https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items of justify-items指出：
在块级布局中，它在内联轴上对齐其包含块内的项目。
现在，我认为该属性仅用于display:flex or display:grid元素，但规范指出它可以用于所有元素.
所以我想尝试一下它是如何与display:block，但不幸的是我无法让它以任何方式工作。它只是什么都不做。
所以我的问题是：有人可以提供一个例子吗justify-items可以用在display:block元素？
但规范指出它可以用于所有元素。
不，这不是规范。这是规格：https://drafts.csswg.org/css-align-3/#propdef-justify-items https://drafts.csswg.org/css-align-3/#propdef-justify-items你会注意到它仍然是一个草稿。所以是的，它应该适用于所有元素，但目前还没有。
这是编辑草稿的公开副本。仅供讨论，可能随时更改。其在此发布并不意味着 W3C 对其内容的认可。除正在进行的工作外，请勿引用本文档。
CSS 级别 1 和 2 允许通过 text-align 来对齐文本，并通过平衡自动边距来对齐块。然而，除了表格单元格之外，垂直对齐是不可能的。随着 CSS 添加更多功能，在不同维度上对齐框的能力变得更加重要。该模块尝试创建一个内聚且通用的框对齐模型以在所有 CSS 之间共享.
实际上，正如您所知，它仅在 Grid 和 Flex 布局内部受支持。这在各自的规范中进行了描述，而不是在上面的规范中进行了描述：
https://www.w3.org/TR/css-flexbox-1/ https://www.w3.org/TR/css-flexbox-1/
https://www.w3.org/TR/css-grid-1/ https://www.w3.org/TR/css-grid-1/
您还可以检查 MDN 链接浏览器兼容性 https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items#Browser_compatibility部分，您会发现仅支持 Grid 和 Flex 布局。
MDN 是一个很好的参考，但您需要能够遵循最后提供的规范链接才能获得完整的信息。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
