如何在Sencha Touch的List中将emptyText置于屏幕中间？

Question

我最近发现Sencha Touch中列表的emptyText配置值在商店为空时显示。我遇到的问题是这个文本出现在左上角，我似乎找不到将它放在屏幕中间的方法。

Answer 1

emptyText属性接受HTML。例如：

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


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

对于垂直居中，您必须使用CSS3灵活的盒子模型

示例CSS：

//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;