如何证明项上显示的工作:块元素

问题描述 投票:1回答:1

MDN documentationjustify-items指出:

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

现在,我认为这个属性旨在仅在display:flexdisplay:grid元素被使用,但规范规定,它可以在所有元素中。

所以我想尝试它是如何与display:block工作,但不幸的是我不能让它以任何方式工作。这只是什么都不做。

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

html css flexbox css-grid
1个回答
2
投票

但规范规定,它可以在所有元素中。

不,这是不规范。这里是规格: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是一个很好的参考,但你需要能够跟踪在端部设置有一个完整的信息规范的链接。

© www.soinside.com 2019 - 2024. All rights reserved.