如何使tempAlert中心由Travis J

Question

我使用此代碼：

如何將消息居中放置？

function tempAlert(msg,duration) 
{ 
var el = document.createElement("div"); 
el.setAttribute("style","position:absolute;top:40%;left:20%;background- color:white;"); 
el.innerHTML = msg; 
setTimeout(function(){ 
el.parentNode.removeChild(el); 
},duration); 
document.body.appendChild(el); 
} 

Answer 1

您可以通過更改以下行得到它的中心：

el.setAttribute("style","position:absolute;top:40%;width:100%;text-align:center;background-color:white;"); 

基本上擺脫了「左：20％」，並增加了「文字對齊：中心」和「寬度：100％」。

Answer 2

您可以將margin: auto屬性適用於它，它應該根據你在任何DIV居中你的函數看起來像：

function tempAlert(msg,duration) 
{ 
    var el = document.createElement("div"); 
    // center, and apply an element width of 0 
    el.setAttribute("style", "margin: auto;width: 0;"); 
    el.innerHTML = msg; 
    setTimeout(function(){ 
     el.parentNode.removeChild(el); 
    },duration); 
    document.body.appendChild(el); 
} 

很好的參考here

工作的jsfiddle here