Sencha touch 如何在SeChanTouch列表中的中间屏幕上排空文本？

我最近在Sencha Touch中发现了当存储为空时要显示的列表的emptyText配置值。我所面临的问题是这个文本出现在左上角，我找不到一种方法把它放在屏幕中间。

---

emptyText属性接受HTML。例如：

CSS: 
.emptyText {
    text-align:center;
    color: #999;
}


JS:
emptyText: '<div class="emptyText">No members yet</div>'

---

我认为CSS是我必须使用的方式，但我希望有一个配置值可以传递给列表或emptyText。尽管如此，我还是不知道如何做垂直居中，所以这真的很有帮助。它看起来很粗糙-我不敢相信它不会自动居中

//vertical and horizontal centering based on fixed height
    height:200px;  
    display:-webkit-box;
    -webkit-box-orient: horizontal;        
    -webkit-box-align:center;
    -webkit-box-pack:center;