0

次の問題があります。jquery-week-calendar by themouette を使用してカレンダーを作成し、jquery も使用しています。問題は、次のフィドルでわかるように、時間の列がスロットの列と一致していないことです(フィドルはクロムでは機能しませんが、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 に答える