jquery - FullCalendar V2 事件标题在月 View 中被截断

Question

升级到 jquery fullcalendar 的 V2 后，我注意到标题很长的事件的标题被截断了。

我通过添加 CSS 解决了这个问题，但现在出现了另一个问题 - 一个长标题的事件似乎扩展了整行，导致在相邻的日子里出现了一个空白，这些日子有短标题的事件。

添加了 CSS

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

参见:http://jsfiddle.net/uawsdebv/10/

由于 11 月 12 日的长事件，11 月 13 日的 2 个事件之间有一个空行/高度。

我不知所措 - 谁能帮忙？

Answer 1

由于日历 HTML 结构是基于行的，因此不可能像以前那样 float 元素(行高设置为行内最高高度的元素)。

或者你可以这样做，

.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