如何在 Sencha Touch 的列表中将空文本置于屏幕中央？

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;