javascript - Javascript将居中文本放在页面底部

我正在尝试使用javascript在屏幕底部插入一些居中对齐的文本。

到目前为止，我有

    var toInsert = document.createElement("div");
    toInsert.innerHTML = "text to insert";
    toInsert.style.position = "absolute";
    toInsert.style.bottom = "0px";

它将其放置在屏幕底部，但是我尝试使用它时

    toInsert.style.textAlign="center";

中心对齐方式似乎被上面的“ absolute”属性所覆盖，并且文本左对齐。

如何将文本放在屏幕底部并居中？
谢谢。

ps。 JavaScript，而不是jquery，用于iOS设备上的UIWebView。

最佳答案

确保您的div为100％宽度。

toInsert.style.width = "100%";

var toInsert = document.createElement("div");
toInsert.innerHTML = "text to insert";
toInsert.style.position = "absolute";
toInsert.style.bottom = "0px";
toInsert.style.textAlign = "center";
toInsert.style.width = "100%";
document.body.appendChild(toInsert);