Javascript FullCalendar事件标题仅允许一行

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

我可以通过使用空白来解决这个问题：nowrap

在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;

---

}

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

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

.fc日网格事件>.fc内容{
空白：正常；
}

---

来源：

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

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

---

我是指这个例子，但没有运气修改它这只是帮助你多行标题。对不起，正是我要找的。仍然可以在fullcalendar

4.3.1

中使用，我在同一页面上使用了另一个CSS页面，并将其添加到了那里，我不需要编辑fullcalendar CSS。如果您在为我显示日历的HTML页面上有CSS文件，您也可以将其添加到您自己的CSS文件中！请注意。fc日网格事件现在是。fc日网格事件。