SkelJS细胞高度100％垂直对齐中间

Question

请看这两个例子：

http://jsfiddle.net/GBVF8/5/（与SkelJS合作）

http://jsfiddle.net/5Br2N/5/（没有SkelJS）

这是我对SkelJS示例的css：

#wrapper {
    height:100%;
    border:3px solid black;
}
.container {
    height:100%;
    border:3px solid darkslategray;
}
.row {
    height:100%;
    border:3px solid gray;
}
.col1 {
    vertical-align: middle;
    border:3px solid green;
    height:100%;
}
.col2 {
    vertical-align: middle;
    border:3px solid red;
    height:100%;
}

我希望像第二个例子中所示的单元格高度，但使用SkelJS。基本上我希望第一列和第二列在中间垂直对齐。我希望高度是流动的，所以它只是根据最高div内的内容居中。我不想设置静态高度，如300px。请指教。谢谢！