MDN documentation的justify-items
指出:
在块级的布局,它对准所述字形轴其包含块内的物品。
现在,我认为这个属性旨在仅在display:flex
或display:grid
元素被使用,但规范规定,它可以在所有元素中。
所以我想尝试它是如何与display:block
工作,但不幸的是我不能让它以任何方式工作。这只是什么都不做。
所以我的问题是:有人可以提供一个例子,如何justify-items
可以在display:block
元素上使用?
但规范规定,它可以在所有元素中。
不,这是不规范。这里是规格:https://drafts.csswg.org/css-align-3/#propdef-justify-items,你会发现,它仍然是一个草案。所以,是的,它意味着所有的元素,但没有工作。
这是编辑的草案的公共副本。据仅供讨论,并可能在任何时刻发生变化。在这里它的出版并不由W3C暗示其内容的认可。不要引用不是工作进展等这个文件。
CSS 1级和2允许通过文本对齐文本对齐方式和块通过平衡自动边距的对齐。然而,除了在表格单元格,垂直取向是不可能的。由于CSS进一步增加了功能,对准箱子在各个方面的能力变得更加重要。该模块试图创建一个有凝聚力,共同盒子对准模型中所有的CSS的分享。
其实,这只是内部网和Flex布局支持像你知道。这是在各自的规格不是上述之一描述:
https://www.w3.org/TR/css-flexbox-1/
https://www.w3.org/TR/css-grid-1/
您还可以检查browser compatibility部分的MDN链接,你会发现只有电网和Flex布局支持。
该MDN是一个很好的参考,但你需要能够跟踪在端部设置有一个完整的信息规范的链接。