javascript - 如何使页面上的按钮居中

Question

我的按钮的 _postRender 函数中有以下代码:

myapp.Splash.btnSplashOK_postRender = function (element, contentItem) {
    $(element).find("ui-btn-inner").css({
        "padding-left": "0"
    });
    $(element).css({
        "padding-left": "0",
        "margin-left": "50%",
        "margin-right": "50%"
    });
};

结果是这样的:

padding-left、margin-left 和 margin-right 被应用于 div正好。但是 find("ui-btn-inner") 似乎根本不起作用。并且 margin 标签似乎没有考虑按钮的 width 以便将其置于页面中心。我在这里缺少什么？

---

注意:接受的答案非常适合这个简单的案例。尽管 @rockmandew 的第三次更新为那些希望进行更复杂放置的人提供了更强大的替代方案。

Answer 1

要对齐按钮添加 "transform":"translateX(-50%)"

$(element).css({
    "padding-left": "0",
    "margin-left": "50%",
    "transform":"translateX(-50%)"
});