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

Question

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

2)

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

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

Answer 1

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

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

谢谢。