2

最新バージョンのjQueryフルカレンダーを使用しています。現在、defaulによる日付番号はセルの右上にあります。右下に移動したいです。CSS、つまりvertical-align：bottomを介して実行しようとしましたが、最初の列には影響しません。

/ *編集** /

わかりました、cssソリューションが機能しなかったので、html構造を移動しました

オリジナル ：

<td class="fc-sat fc-widget-content fc-day6 fc-last">
  <div>
    <div class="fc-day-number">2</div>
    <div class="fc-day-content">
      <div style="position:relative">&nbsp;</div>
    </div>
  </div>
</td>

新しい

<td class="fc-sat fc-widget-content fc-day6 fc-last">
      <div>

        <div class="fc-day-content">
          <div style="position:relative">&nbsp;</div>
        </div>
      </div>
      <div class="fc-day-number">2</div>
    </td>

'ご覧のとおり、.fc-day-number divを外側に移動し、vertical-align：bottomをtdに追加しました。これは機能しますが、セルの高さのサイズ変更は機能しません

4

1 に答える 1

2

fullcalendar.cssを編集して、これらの設定を既存のタグに追加できます。

.fc-widget-content {
    position: relative;
}

.fc-day-number {
    position: absolute;
    right: 0;
    bottom: 0;
}

これにより、日番号が右下隅に移動します。

于 2013-02-21T17:02:23.520 に答える