teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

修正

2019/06/12 11:25

投稿

s8_chu
s8_chu

スコア14731

answer CHANGED
@@ -1,4 +1,4 @@
1
- 今回の場合、「交叉軸で余白がどのように扱われるのか」が問題です。flex アイテムの配置は関係がありません。つまり、`align-items` プロパティではなく、`align-content` プロパティに原因があると考えられます。
1
+ 今回の場合、「交叉軸で余白がどのように扱われるのか」が問題です。flex アイテムの配置は関係がありません。つまり、`align-items` プロパティではなく、`align-content` プロパティに原因があると考えられます。
2
2
 
3
3
  [CSS Flexible Box Layout Module Level 1](https://www.w3.org/TR/css-flexbox-1/#align-content-property) によれば、`align-content` プロパティの初期値は stretch です。この値では、交叉軸での各アイテムの合計が flex コンテナの寸法になるように、余白が均等に挿入されます。
4
4