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

Question

我有以下问题。 我使用他们使用jquery-week-calendar创建了日历，并且还使用了jquery。 事实是，小时列与插槽列未对齐，如您在以下小提琴中看到的（小提琴在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

希望这可以帮助！！！