css - 垂直对齐表格单元格中的文本

Question

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

这是我的 js fiddle 的链接 here

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

这可以在 CSS 中轻松完成，还是有更好的方法在完整日历中使用某种方式来完成？

$(document).ready(function() {
		
		$('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: ''
			},
			//defaultDate: '2014-06-12',
			defaultView: 'basicWeek',
			editable: false,
      height: 174,
      eventLimit: 1,
      eventLimitText: function (numEvents) {
      	return numEvents;
      },
			events: [
				{
					title: 'Event',
					start: '2017-09-18'
				},
				{
					title: 'Event',
					start: '2017-09-18'
				}
			]
		});
		
	});

Answer 1

您需要设置表格高度以匹配其容器的高度

尝试将您的 CSS 更新为:

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

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