javascript - 我有一种方法可以垂直对齐 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;
}