Extjs消息框中心对齐

Question

如标题所示，我希望Ext.Msg.alert（）的消息居中对齐。我尝试这样做：

Ext.Msg.alert({ 
     title: 'Success', 
     msg: 'Deleted', 
     buttons: Ext.Msg.OK, 
     baseCls: 'msgbox' 
    }); 

CSS：

.msgbox { 
     text-align: center; 
    } 

它仍然是左对齐。我该怎么做呢？

Answer 1

显示的文本是一个与其文本大小相同的显示字段组件，即使它处于居中位置时，也无法按照您的要求看到它的对齐。

所以，解决方案是让它变大。在我的例子中，我使用css类来完成它。看看它：

var w = Ext.Msg.alert({ 
     title: 'Success', 
     msg: 'Deleted', 
     buttons: Ext.Msg.OK, 
     autoShow: false, 
     cls: 'msgbox'  
}); 

w.down('.displayfield').addCls('displayfield-fullsize'); 

和类是，你可以想像：

.displayfield-fullsize{ 
     width: 100% !important; 
} 

看到它在这里工作：http://jsfiddle.net/lontivero/F7HE3/3/