如何在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;