在完整日历月视图事件栏上环绕文本

Question

我正在我的项目中实现完整日历的时间线视图，虽然它工作并且看起来很棒，但我唯一的问题是在时间线月视图中，事件栏没有换行，所以一半的文本被切断，特别是当该活动仅持续几天。

在“周”和“日”视图中，文本环绕得很好——它只是在“月”视图中。有什么办法可以让它包装文本吗？在某些情况下，预订中会添加注释，因此在月视图中几乎无法阅读。

我正在使用此代码添加描述：

eventRender: function(event, element) {
    element.find(".fc-event-title").remove();
    element.find(".fc-event-time").remove();
    if(event.desc) {
        var new_description =
            '<br/><div class="fc-title">' + event.desc + '</div>'
                ;
        element.append(new_description);
    }
}

在我的日历参数中。

这是该条目在时间线“月”视图中的样子的图片：

这是日视图中的样子（我希望它看起来像）：

如果有人可以帮助解决这个问题，我将不胜感激。

Answer 1

刚遇到同样的问题，这对我有用......

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