自動調整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; 
}