我有一种方法可以在slickgrid标题中垂直对齐文本

Question

我已经使用这个将一些标题包装成两行。

.slick-column-name { white-space: normal; }

.slick-header-column.ui-state-default{ height:30px; vertical-align:middle;}

但是单行标题仍然位于单元格的顶部。有没有办法将这些“单线”标题垂直对齐到中心？

Answer 1

你是否介意这样：

.slick-column-name { white-space: normal; display: table-cell; vertical-align:middle; height: 100px; background: red;  }

.slick-header-column.ui-state-default{ height:30px; line-height:30px; }

此处演示：http://jsfiddle.net/xJUMv/

Answer 2

这将强制执行垂直对齐中间

.slick-cell:after {
    height: 100%; content: ""; vertical-align: middle; display: inline-block; width: 0;
}