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/

Extjs消息框中心对齐

1 个答案: