把上半场安排在左边，剩下的安排在右边

Question

如何安排左上半部分和右下半部分？(而不是第一个向左，第二个向右，第三个左，第四个右，依此类推(

Javascript：

do {
document.querySelector("main").innerHTML += 
"<div class='timeTable'>" + 
tempTime.format("DD-MM-YY | HH:mm") + 
" - " + tempTime.add(30, "minutes").format("HH:mm") + 
"</div>";
} while (tempTime.format("HH:mm") != "19:00");

CSS：

* {
box-sizing: border-box;
}
.timeTable {
width: 50%;
float: left;
text-align: center;
}

PS：btw tempTime是一个momentjs对象(这与问题无关，只是为了防止有人想知道(

Answer 1

找到它：

main {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: repeat(9,auto);
grid-auto-flow: column;
}

重复(9，自动(，因为有18个方框。。。除以2是9

编辑：基本上，问题是如何安排，比如说6(为了更容易理解，而不是18(在这个问题中，如下

1 2
3 4
5 6

在答案(也被要求(中，他们是这样的：

1 4
2 5
3 6