回答編集履歴

3

修正

2020/09/15 18:45

投稿

hatena19
hatena19

スコア33699

test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  - 兄弟となる子要素の間には、一定の余白を入れたい
8
8
 
9
- - 親要素の外枠との間には余白を入れたく
9
+ - 親要素の外枠との間には余白を入れたくない
10
10
 
11
11
  - 子要素の幅と個数は不定であり複数行にわたる場合もあります
12
12
 

2

説明の改善

2020/09/15 18:45

投稿

hatena19
hatena19

スコア33699

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

サンプルリンク追加

2020/09/15 17:09

投稿

hatena19
hatena19

スコア33699

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)