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