回答編集履歴
1
Grid版追記
test
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
1
|
space-around なり、space-evenly なりを使ってください
|
|
2
2
|
|
|
3
3
|
[https://developer.mozilla.org/ja/docs/Web/CSS/justify-content](https://developer.mozilla.org/ja/docs/Web/CSS/justify-content)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
-- 18:11 Grid layout を追記
|
|
8
|
+
|
|
9
|
+
```CSS
|
|
10
|
+
|
|
11
|
+
@supports (display: grid) {
|
|
12
|
+
|
|
13
|
+
.wrapper {
|
|
14
|
+
|
|
15
|
+
display: grid;
|
|
16
|
+
|
|
17
|
+
grid-template-columns: repeat(auto-fit, calc(160 / 700 * 100%));
|
|
18
|
+
|
|
19
|
+
justify-content: space-around;
|
|
20
|
+
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
[https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Grid_Layout](https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Grid_Layout)
|