嘗試在 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;
  }
}