安排第一半左边和 rest 右边

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：顺便说一句 tempTime 是一个 momentjs object （这与问题无关，以防万一有人想知道）

Answer 1

找到了：

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

由于 18 个框而重复（9，auto）...除以 2 是 9