У меня есть диалоговое окно, которое появляется при отправке формы. Это выглядит хорошо, если содержимое имеет небольшую ширину, однако по мере увеличения текста левый край диалогового окна оказывается слишком далеко вправо. Мне нужно, чтобы он всегда был в центре, независимо от размера содержимого в нем.
Разметка:
<div id="dialog_confirm">
<p style="font-size:20px; color:white;"></p>
</div>
JQuery:
$('#dialog_confirm').dialog({
autoOpen: false,
modal: true,
draggable: false,
resizable: false,
width: "auto",
show: {
effect: "blind",
duration: 500
},
buttons: {
'Confirm': {
text: 'Confirm',
id: 'confirm_button',
click: function () {
$(this).dialog('close');
}
},
'Cancel': {
text: 'Cancel',
id: 'cancel_button',
click: function () {
$(this).dialog('close');
}
}
}
});
Часть 'width: auto' обеспечивает правильное размещение содержимого в виджете диалога, но как я могу сделать так, чтобы оно всегда было в центре с более длинным текстом?
