javascript - FullCalendar 事件标题只允许一行

Question

即使标题很长，如何使全日历中的事件标题也只有一行。默认情况下，它是显示完整标题，我希望它像谷歌日历一样好。

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

您可以在 HTML 页面上执行此操作，而不是编辑源 CSS：

<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

这是在您使用 Angular 7 第 4 版的情况下。这对我有用：

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

4 回答 4