回答編集履歴
5
表現を微修正
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
.yellow {
|
|
12
12
|
|
|
13
|
-
order: 1; /
|
|
13
|
+
order: 1; /* 1以上の数 */
|
|
14
14
|
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
|
|
29
29
|
orderには負の数も適用でき、-1以下を指定すると逆に左に寄るのが分かると思います。
|
|
30
30
|
|
|
31
|
-
つまり**orderの数字が
|
|
31
|
+
つまり**orderの数字が小さいものから大きいものにかけて**左から順番に並んでいきます。
|
|
32
32
|
|
|
33
33
|
・例 → [https://jsfiddle.net/35cowkja/](https://jsfiddle.net/35cowkja/)
|
4
文章を分かりやすく編集
test
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
参考：flexboxチートシート
|
|
20
20
|
|
|
21
21
|
[https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet](https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet)
|
|
22
22
|
|
|
@@ -28,4 +28,6 @@
|
|
|
28
28
|
|
|
29
29
|
orderには負の数も適用でき、-1以下を指定すると逆に左に寄るのが分かると思います。
|
|
30
30
|
|
|
31
|
-
つまりorderの数字が低い
|
|
31
|
+
つまり**orderの数字が低いものから高いものにかけて**左から順番に並んでいきます。
|
|
32
|
+
|
|
33
|
+
・例 → [https://jsfiddle.net/35cowkja/](https://jsfiddle.net/35cowkja/)
|
3
ミスを修正
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
.yellow {
|
|
12
12
|
|
|
13
|
-
order: 1;
|
|
13
|
+
order: 1; //1以上の数
|
|
14
14
|
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -22,6 +22,10 @@
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
追記：すいません、
|
|
25
|
+
追記：すいません、回答が間違っていたので修正です。
|
|
26
26
|
|
|
27
|
-
初期値
|
|
27
|
+
orderの初期値は0なので、1以上であればとりあえず右端に寄ります。
|
|
28
|
+
|
|
29
|
+
orderには負の数も適用でき、-1以下を指定すると逆に左に寄るのが分かると思います。
|
|
30
|
+
|
|
31
|
+
つまりorderの数字が低い要素から高い要素にかけて左から順番に並んでいきます。
|
2
ミスを修正
test
CHANGED
|
@@ -10,14 +10,18 @@
|
|
|
10
10
|
|
|
11
11
|
.yellow {
|
|
12
12
|
|
|
13
|
-
order:
|
|
13
|
+
order: 1;
|
|
14
14
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
|
|
20
|
-
|
|
21
19
|
・flexboxチートシート
|
|
22
20
|
|
|
23
21
|
[https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet](https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet)
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
追記：すいません、私も間違っていました。
|
|
26
|
+
|
|
27
|
+
初期値が0なので1いじょうであればとりあえず右端に寄ります。
|
1
ミスを修正
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
.yellow {
|
|
12
12
|
|
|
13
|
-
order:
|
|
13
|
+
order: 3;
|
|
14
14
|
|
|
15
15
|
}
|
|
16
16
|
|