自动调整Ext.Msg.confirm的宽度和高度以适应它的内容

Question

我尝试将内容自动动态调整为Ext.Msg.confirm，但我不试图调整它。剩余的Ext.Msg.confirm被调整为较大的内容大小。

我有这样的代码：

头

div.x-sheet.x-msgbox { 
    width:15em; 
    height:auto; 
    background:#fff; 
    -webkit-box-shadow: rgba(0,0,0,0.4)00.1em0.5em; 
    -webkit-border-radius:0.3em; 
    -moz-box-shadow: rgba(0,0,0,0.4)00.1em0.5em; 
    -moz-border-radius:0.3em; 
    border-radius:0.3em; 
    border:0.15em solid #FFFFFF; 
} 

体

.x-msgbox-body { 
    padding:40px0; 
    padding:6px0; 
    background-color:#ffffff; 
    color:#094fa4; 
    position:relative; 
    margin:0auto; 
    text-align: center; 
    overflow: hidden; 
} 

请帮我。

Answer 1

Sencha会自动将消息框的大小调整为文本的大小。你想重写吗？

如果是的话，你可以把重要的规则上的高度定义覆盖煎茶的CSS标记的消息框（自动会不会真的做任何事情虽然）：

div.x-sheet.x-msgbox { 
    width:15em; 
    height:115px !important; 
    background:#fff; 
    -webkit-box-shadow: rgba(0,0,0,0.4)00.1em0.5em; 
    -webkit-border-radius:0.3em; 
    -moz-box-shadow: rgba(0,0,0,0.4)00.1em0.5em; 
    -moz-border-radius:0.3em; 
    border-radius:0.3em; 
    border:0.15em solid #FFFFFF; 
}