我真的很困惑.在查找在线资源和文档时,这些属性的大多数文档似乎都引用了Flex-box,而不是网格.我不知道Flex-box中等效属性的文档对网格有多大的适用性.
所以,我试着引用https://css-tricks.com/snippets/css/complete-guide-grid/,它对它们的定义如下:
justify-items-沿行轴对齐网格项目内的内容
justify-content-此属性沿行轴对齐格网
justify-self-沿行轴对齐网格项目内的内容
但是我还是不明白他们之间有什么不同.所以,我有三个问题要澄清.
- Flex box中的
justify-items
属性与 - 内容、self 和项目(对齐-)做什么?
- (对齐-)内容、self 和项目有什么不同?
任何澄清都将不胜感激.
Edit:因 for each 人都在给我Flex-box资源,所以我问的是CSS-GRID,而不是Flex-box.