回答編集履歴
2
説明の改善
test
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
親要素にheightの指定していないと、親要素の高さには子要素の高さと同じなりますので、子要素の垂直位置はどれを指定しても同じになります。
|
|
25
|
+
親要素にheightの指定していないと、親要素の高さには子要素の高さと同じなりますので、子要素の垂直位置はどれを指定しても同じになります。(親要素に空きスペースがないので)
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
1
説明の改善
test
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
align-itemsとalign-content
|
|
1
|
+
> align-itemsとalign-contentが効かずに困っています。原因はなんでしょうか？
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
align-itemsとalign-content は[参考リンク先](https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet)の説明は下記のようになっています。
|
|
2
6
|
|
|
3
7
|
|
|
4
8
|
|
|
@@ -67,3 +71,11 @@
|
|
|
67
71
|
}
|
|
68
72
|
|
|
69
73
|
```
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
> 親要素にflex-direction: column;を追加すると水平方向が揃いました。（ページの中心で縦に1，2，3，4，5…と並ぶ）ただ解説では横方向に並ぶはずなのですが、うまくいきません。
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
`flex-direction: column;` はリンク先の解説では「子要素を上から下に配置」とあります。つまり、縦に並びます。横方向に並べたいななら、`flex-direction: row;` です。あるいは、flex-direction の指定を省略しても初期値は row なので、横並びになります。
|