如何在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 Flexible box模型

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;