我有一種方法來垂直對齊在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; 
}