jQuery UI DIalog边距距右侧太远

Question

我有一个对话框，在提交表单时弹出。如果内容的宽度很小，则看起来不错，但是，随着文本的增长，对话框的左边缘距右边太远。无论其中内容的大小如何，我都需要使其始终居中。

标记：

<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');
                }
            }
        }
    });

“宽度：自动”部分可以使内容正确地适合对话框小部件，但是如何使它始终以较长的文本为中心？

Answer 1

好，知道了。在我的CSS中：

#dialog_confirm, .ui-dialog{margin-left: -15%;}

我刚刚选择了一个任意数字进行测试，它似乎有效。如果有人有更好的解决方案，请随时加入。目前，这是可行的。