回答編集履歴
3
修正
test
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
- 兄弟となる子要素の間には、一定の余白を入れたい
|
8
8
|
|
9
|
-
- 親要素の外枠との間には余白を入れたく
|
9
|
+
- 親要素の外枠との間には余白を入れたくない
|
10
10
|
|
11
11
|
- 子要素の幅と個数は不定であり複数行にわたる場合もあります
|
12
12
|
|
2
説明の改善
test
CHANGED
@@ -16,7 +16,7 @@
|
|
16
16
|
|
17
17
|
|
18
18
|
|
19
|
-
「子要素間の余白は一定」ではなく均等配置というレイアウトならFlexboxで`justify-content: space-between;`を設定すれば可能です。
|
19
|
+
「子要素間の余白は一定」ではなく両端揃え均等配置というレイアウトならFlexboxで`justify-content: space-between;` と `flex-wrap: wrap;` を設定すれば可能です。
|
20
20
|
|
21
21
|
|
22
22
|
|
1
サンプルリンク追加
test
CHANGED
@@ -37,3 +37,7 @@
|
|
37
37
|
}
|
38
38
|
|
39
39
|
```
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
[Codepenサンプル](https://codepen.io/hatena19/pen/YzqjpgO?editors=0010)
|