正当项目如何在显示器上工作:块元素

时间:2019-02-02 07:11:24

标签: html css flexbox css-grid

justify-items的{​​{3}}指出:

  

在块级的布局,它对准所述字形轴其包含块内的物品。

现在,我认为此属性仅应在display:flexdisplay:grid元素中使用,但是规范指出可以在所有元素上使用。

所以我想尝试一下它如何与display:block一起工作,但是不幸的是,我无法使其以任何方式工作。它什么都不做。

所以我的问题是:是否有人可以提供一个例子如何justify-items可以被一个display:block元件上使用的

1 个答案:

答案 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是很好的参考,但是您需要能够遵循最后提供的规范链接以获取完整的信息。