FullCalendar 事件标题只允许一行

Question

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

原文由 user1661740 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在您的 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;
}

原文由 movsky 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

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

资料来源： 全日历中的多行标题……

原文由 Tony 发布，翻译遵循 CC BY-SA 4.0 许可协议