如何在页面中心显示简报弹出窗口

Question

我在页面加载时创建了一个弹出窗口http://daplonline.in/新闻稿弹出窗口 但是我有一个问题，这个弹出窗口没有显示正确的边距LEFT-Right 以任何方式在页面中心显示它..

Answer 1

试试这段代码，我改变了＃34;＃wd1_nlpopup＆＃34; css

#wd1_nlpopup {
display: none;
position: absolute;
top: 100px;
left: 50%;
margin-left: -465px;
z-index: 9999;
background: white;
-webkit-box-shadow: 0 0 20px #000;
box-shadow: 0 0 20px #000;
border-radius: 5px;
border: 5px solid rgba(0, 0, 0, 0.5);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "HelveticaNeue", "HelveticaNeueLT", Helvetica, Arial, "Lucida Grande", sans-serif;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

Answer 2

实施以下风格：

width: 640px; /* adjust to your desired width */
margin-left: auto;
margin-right: auto;

Answer 3

在纯粹的CSS中，你有一个绝对的位置，给你的div增加一个宽度，并且宽度是这个大小的一半：

#wd1_nlpopup { width:920px;/** your image size **/ left:50%; margin-left:-460px; }

Answer 4

DELETE left：45％;来自＃wd1_nlpopup