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

【问题标题】：I there a way to vertically align text in slickgrid header我有一种方法可以垂直对齐 slickgrid 标题中的文本
【发布时间】：2012-10-12 21:41:06
【问题描述】：

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

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

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

但单行标题保留在单元格的顶部。有没有办法将这些“单行”标题垂直对齐到中心？

【问题讨论】：

您是否提供了一个演示链接？
嘿，你能不能也给我们看一些html？？所以也许我可以更好地理解这个问题！我相信有一种简单的方法可以解决这个问题^^

标签： javascript jquery html css slickgrid

【解决方案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/

【讨论】：

【解决方案2】：

这将强制垂直对齐中间

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

【讨论】：