列数を使用して、ユーザー タスクに対する一種の週カレンダーを作成しようとしています。
今週のメイン div には、列数が 7 のプロパティがあり、常に 7 つの子が存在します。今週の 7 日間。この日の中にはタスクがありますが、タスクの数は可変であり、列数のロジックが壊れています。
column-count は、その中の最初の子だけを考慮しないのはなぜですか?
これが私が言っていることの例です: https://jsfiddle.net/nby5ctb2/
2 番目のリストでは、タスク 1、1.1、および 1.2 を互いに重ねて、子供がいない場合は、これらの日をスキップするようにしました。
私が使用したcssはこれだけでした：
.week {
-moz-column-count: 7;
-webkit-column-count: 7;
column-count: 7;
}
ありがとう