無法使用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

希望這可以幫助！！！