justify-items
的{{3}}指出:
在块级的布局,它对准所述字形轴其包含块内的物品。
现在,我认为此属性仅应在display:flex
或display:grid
元素中使用,但是规范指出可以在所有元素上使用。
所以我想尝试一下它如何与display:block
一起工作,但是不幸的是,我无法使其以任何方式工作。它什么都不做。
所以我的问题是:是否有人可以提供一个例子如何justify-items
可以被一个display:block
元件上使用的
答案 0 :(得分:2)
但是规范指出它可以在所有元素上使用。
否,这不是规范。这里是规范: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-grid-1/
您还可以在browser compatibility部分中查看MDN链接,并且仅支持网格和Flex布局。
MDN是很好的参考,但是您需要能够遵循最后提供的规范链接以获取完整的信息。