如何在 HTML 和 CSS 中制作 14x5 的单选按钮网格

Question

我想在我的网页中制作一个 14x5 单选按钮的网格，但我面临以下问题： 1)

2)

要么我无法将它对齐到完美的网格中，要么它直接向下，这将非常有帮助，如果有人可以帮助我在 14x5 网格中对齐它（如果可能的话），就像这样:

我不会分享我的 html/css 网页代码，因为这涉及到 django 模板标签做不同的事情，这会使事情变得过于复杂，我不得不写一个更长的问题来不必要地解释后端逻辑。

Answer 1

使用grid-template-columns在我设置的下面代码的一列中重复它repat(5, 1fr);它将return自动在五列中重复

<style>
.main_class {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
}
</style>

谢谢。