一尘不染

CSS网格中justify-self,justify-items和justify-content之间的区别

css

我真的很困惑 在查找在线资源和文档时,这些属性的大多数文档似乎都引用了Flex-box,而不是网格。
而且我不知道Flex-box中等效属性的文档对网格的适用性如何。

因此,我尝试参考https://css-tricks.com/snippets/css/complete-guide-grid/,其定义如下:

justify- items-使网格项内的内容沿行轴对齐

justify- content-此属性使网格沿行轴对齐

自我证明 -使网格项内的内容沿行轴对齐

但是我仍然不了解它们之间的区别。因此,我有3个问题需要澄清。

  1. 是justify-items在Flex的框属性相同justify-items的网格属性?还是它们有所不同?(换句话说,我可以在Grid中重用Flex-box文档)
    2.(合理化)内容,自我和物品做什么?
    3.(合理化)内容,自我和物品有何不同?任何澄清将不胜感激。

编辑:由于每个人都不断给我Flex-box资源,我问的是CSS网格,而不是flex-box。


阅读 3465

收藏
2020-05-16

共1个答案

一尘不染

正如reiallenramos所说:“ justify-self和justify-items属性未在flexbox中实现。这是由于flexbox的一维特性所致,并且沿轴可能有多个项目,因此无法证明单个项目的合理性。要在Flexbox中沿主内联轴对齐项目,请使用justify-content属性。” -

2020-05-16