place-contentとplace-itemsの違い

place-contentとplace-itemsの共通事項

place-*** : <align-***> <justify-***>;

一つ目の引数がalign-***にあたり、2つめの引数がjustify-***にあたる。2つ目の値が省略された場合は『justify-***』は『align-***』と同値となる。

実験してみた

flex-direction:row;
wrapnowrap
justify-contentoo
align-contentox
align-itemsoo
flex-direction:column;
wrapnowrap
justify-contentoo
align-contentox
align-itemsoo

上の表は各flex-flowにおいてjustify-***とalign-***の有効性を調べたものである。

結論

MDN justify-items『フレックスボックスレイアウトでは、このプロパティは無視されます』と記載されており、flexよりgridで実験したほうがよかったなと後悔したことを記しておく。

place-contentは有効だが、place-itemsはflexに関しては役不足になると思われる。