Css 垂直对齐表格中的文本'；s细胞

我在一个完整日历的日单元格中有一个事件限制链接，我试图在CSS中垂直对齐它

这里是我的js小提琴的链接

看起来fullcalendar在作为eventLimit链接的锚定标记周围包装了一个div，理想情况下，它是垂直对齐的最佳元素，但我不知道是否可以在CSS中访问它。也许我可以在fullcalendar中使用eventRender

这可以在CSS中轻松完成吗？或者有更好的方法在完整的日历中使用它吗

$（文档）.ready（函数（）{
$（“#日历”）.fullCalendar({
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
对：“”
},
//默认日期：“2014-06-12”，
defaultView:'basicWeek'，
可编辑：false，
身高：174，
事件限制：1，
eventLimitText:函数（numEvents）{
返回事件；
},
活动：[
{
标题：“事件”，
开始日期：2017-09-18
},
{
标题：“事件”，
开始日期：2017-09-18
}
]
});
});您需要设置表格高度以匹配其容器的高度

尝试将CSS更新到以下位置：

td.fc-more-cell {
  text-align: center;
  font-size: 2.3em;
  vertical-align: middle
}

.fc-content-skeleton,
table,
tr {
  height: 100%;
}

使用线高度作为定位点，它将垂直对齐单元格内的文本

是小提琴

    td.fc-more-cell {
        text-align: center;
        font-size: 2.3em;
}
td.fc-more-cell a{
  line-height:85px;
}

给你。检查JS小提琴

我添加了下面的代码

.fc-row .fc-content-skeleton,
.fc-row .fc-content-skeleton td, 
.fc-row .fc-content-skeleton table,
.fc-row .fc-content-skeleton tr{
  height: 100%;
  vertical-align: middle;
}
.fc-row .fc-content-skeleton td div {
      display: inline-block;
    line-height: 100%;
}