javascript - FullCalendarイベントタイトルは1行のみ許可されました

Question

フルカレンダーでイベントタイトルを作成する方法は、タイトルが長くても1行だけです。デフォルトではフルタイトルで表示されますが、Googleカレンダーのように素敵にしたいと思います。

score 13 · Accepted Answer

cssファイルで次のエントリを探します。

.fc-event-time, .fc-event-title {
    padding: 0 1px;
}

このように変更します

.fc-event-time, .fc-event-title {
    padding: 0 1px;
    white-space: nowrap;
}

.fc-title {
    white-space: normal;
}

score 11 · Accepted Answer

ソースCSSを編集する代わりに、HTMLページでこれを行うことができます。

<style>
.fc-day-grid-event > .fc-content {
    white-space: normal;
}
</style>

score 0 · Accepted Answer

0

私は空白を使用してこれを解決することができます：nowrap;

于 2012-11-28T06:11:58.300 に答える

score 0 · Accepted Answer

これは、Angular7バージョン4エディションを使用している場合です。これは私のために働いた：

.fc-event {
    /* force events to be one-line tall */
    white-space: nowrap !important;
    overflow: hidden;
}

4 に答える 4