jquery - 无法使用 bootstrap 3 jquery-calendar 删除表头列中的填充

Question

我有以下问题。我使用 themouette 的 jquery-week-calendar 创建了一个日历，我也使用 jquery。问题是小时列与插槽列不对齐，如下面的 fiddle 所示。 ( fiddle 在 chrome 中不起作用，在 firefox 中试过并且没问题)。

如果我在 css 中使用标签 !important

td.wc-time-header-cell {
    /* padding: 5px !important;  this works for timeslotsPerHour: 4*/
    padding-top: 0 !important; 
    /* height: 79px !important; this works for timeslotsPerHour: 4 */
} 

它解决了问题，但是当我将 timeslotsPerHour 参数从 2 更改为 4 或任何其他值时，它会停止。我不知道如何解决这个问题。我还尝试了在元素主页中找到的以下 reset.css。

https://github.com/themouette/jquery-week-calendar/blob/master/full_demo/reset.css

但还是不行。你们能帮帮我吗？

我也试过

td.wc-time-header-cell {
    padding-top: 0 !important; 
    vertical-align:top;
} 

编辑:

发现如果在 css 中禁用以下行有效:

* {
  /* -webkit-box-sizing: border-box; */
  -moz-box-sizing: border-box;
  /* box-sizing: border-box; */
}

Answer 1

这似乎是一个愚蠢的答案，但我认为您不能使用没有单位的值(在本例中为 px)。尝试

padding-top: 0px

希望这有帮助!!!