css - 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/ ​</p>