css - 在对话框中居中标题和按钮

Question

http://jsfiddle.net/kKT2V/

$(document).ready(function () {
    $('#te').dialog({
        title: 'saved',
        modal: true,
        resizable: false,
        draggable: false,
        closeOnEscape: false,
        width: 500,

        buttons: [{
            text: "Unpause",
            click: function () {
                $(this).dialog("close");

            }

        }]


    });

    clearInterval(interval);

});

此警报有一个标题和一个按钮。有没有办法改变他们的立场？例如，我想将它们居中。

Answer 1

http://jsfiddle.net/isherwood/kKT2V/2

.ui-dialog-titlebar, .ui-dialog-buttonset {
    text-align: center;
    float: none !important;
}

浏览器的文档检查器是您的 friend 。