FullCalendar V2事件标题在月视图中被截断

Question

升级到jquery fullcalendar的V2之后,我注意到有长标题的事件标题被切断了.

我通过添加CSS解决了这个问题,但是现在又出现了另一个问题 - 具有长标题的事件似乎扩展了整行,导致在相邻日期出现空白区域,其中包含短标题的事件.

CSS补充说

.fc-day-grid-event > .fc-content {
white-space: inherit; }

请参阅:http://jsfiddle.net/uawsdebv/10/

11月13日的两场比赛由于11月12日的长赛事而导致他们之间的空行/高度.

我不知所措 - 有人可以帮忙吗？

Answer 1

由于日历 HTML 结构基于行，因此不可能像以前那样浮动元素（行高设置为行内最高高度的元素）。

或者你可以这样做，

.fc-day-grid-event > .fc-content {
   white-space: normal;
   text-overflow: ellipsis;
   max-height:20px;
}
.fc-day-grid-event > .fc-content:hover {
   max-height:none!important; 
}

这将默认隐藏标题，当您悬停时，它将完整显示标题。

这是它的工作原理jsfiddle

Answer 2

基于 jQuery Calendar 的结构，确实没有可能的方法来实现你想要的。这是因为事件位于表行中。正如您的问题的第一条评论中提到的：

在 V2.0.0（我正在使用这个）和 V2.2.6（您正在使用的那个）之间，议程的构建从 转移divs到tables。如果您将 CSS 和 JS 降级到 V2.0.0，您会发现问题消失了：jsfiddle.net/uawsdebv/12 我认为这更像是一种解决方法，而不是答案。可能可以修改与标签相关的CSS，但我在CSS方面还不够先进，不知道什么是解决方案。

据我所知，您可能会发现这是解决此问题的唯一方法。