0

我有以下问题。我使用 themouette 的 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; */
}
4

1 回答 1

0

这似乎是一个愚蠢的答案,但我认为您不能使用没有单位的值(在这种情况下为 px)。尝试

padding-top: 0px

希望这可以帮助!!!

于 2014-04-23T19:04:21.553 回答