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

Question

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

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

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

然后设置类＝"0"；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;
}
}