FullCalendar活动标题仅允许One Line

Question

如何仅在fullcalendar中创建事件标题一行，即使标题很长。默认情况下，它显示完整标题，我希望像Google日历一样好。

Answer 1

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

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

来源https://stackoverflow.com/a/27370044/194717

Answer 2

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

}

Answer 3

我可以使用white-space来解决这个问题：nowrap;

Answer 4

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

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