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

Question

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

到目前为止我已经

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

这就把它放在了屏幕的底部，这是我想要的，但是当我尝试使用这个

    toInsert.style.textAlign="center";

中心对齐似乎被上面的“绝对”属性覆盖，文本是左对齐的。

我怎样才能把文字放在屏幕的底部，并使其居中呢？谢谢。

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

Answer 1

确保您的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);

​

Answer 2

使用类标识符在CSS中正确定位元素将更容易，然后使用javascript添加类。

由于您使用的是绝对定位，所以您要寻找的CSS可能是：

left:50%;

Answer 3

我在StackOverFlow上做了一个快速搜索，这是第一个出现的，我想你的答案已经出来了。

实现DIV中心的最佳方法

下面是我的Dabblet.com示例