回答編集履歴
2
おかしい例を追記
test
CHANGED
|
@@ -3,3 +3,19 @@
|
|
|
3
3
|
`column-count`が4で`li`が9個の場合、段の高さが`li`2つ分では足りないので、`li`3つ分になります。
|
|
4
4
|
|
|
5
5
|
その状態で左上から順に縦に`li`を入れていくと、結果的に一番右のカラムが使われなくなるというわけです。
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
まあ、3個-2個-2個-2個と入ってほしい感じもしますが、
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
要素1 | 要素4 | 要素6 | 要素8
|
|
14
|
+
|
|
15
|
+
要素2 | 要素5 | 要素7 | 要素9
|
|
16
|
+
|
|
17
|
+
要素3 |
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
というのもそれはそれでおかしいですよね。
|
1
「縦に」を追記
test
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
これは、左上から順に要素が入るからですね。
|
|
1
|
+
これは、左上から順に、縦に要素が入るからですね。
|
|
2
2
|
|
|
3
3
|
`column-count`が4で`li`が9個の場合、段の高さが`li`2つ分では足りないので、`li`3つ分になります。
|
|
4
4
|
|
|
5
|
-
その状態で左上から順に`li`を入れていくと、結果的に一番右のカラムが使われなくなるというわけです。
|
|
5
|
+
その状態で左上から順に縦に`li`を入れていくと、結果的に一番右のカラムが使われなくなるというわけです。
|