尝试在 HTML/CSS 中分隔复选框网格

Question

我想要两行等距的复选框。 （每行 7 个第一行带字幕 MON-SUN 第二行无字幕）

我在每个复选框周围都有一个跨度。 如果我设置Style="display: inline-block; width: 30px"它会达到我的预期，但是当我在样式表中创建规则时：

.ckwidth {
  display: inline-block;
  width: 30px;
}

然后在似乎忽略规则的跨度上设置 class="ckwidth" 。 我究竟做错了什么？

Answer 1

试试这个，可能会有所帮助。 如果这不起作用，请分享您的代码。

.dis-flex {
    display: flex !important;
//or
display: inline-flex; 
 .ckwidth {
   margin: auto;
   width: 30px;
  }
}
-----------or----------------
.row {
   margin: auto;
 .ckwidth {
 display: flex !important;
   width: 30px;
  }
}