如何在 css+html 中将模态窗口居中？
如何使用这种CSS样式将垂直模态窗口居中：
.inquiry_form_container {
left: 50%;
margin-left: -375px;
width: 750px;
top: 150px;
position: fixed;
z-index: 10001;
background: #fff;
border: 1px solid #cccccc;
display: block;
-webkit-box-shadow: 0 0 10px #cccccc;
-moz-box-shadow: 0 0 10px #cccccc;
-o-box-shadow: 0 0 10px #cccccc;
box-shadow: 0 0 10px #cccccc;
}
它的高度未知，该怎么做，该窗口的顶部和底部的边距相同？
How to center vertical modal window with such css style:
.inquiry_form_container {
left: 50%;
margin-left: -375px;
width: 750px;
top: 150px;
position: fixed;
z-index: 10001;
background: #fff;
border: 1px solid #cccccc;
display: block;
-webkit-box-shadow: 0 0 10px #cccccc;
-moz-box-shadow: 0 0 10px #cccccc;
-o-box-shadow: 0 0 10px #cccccc;
box-shadow: 0 0 10px #cccccc;
}
it's has a non known height, how to do, that that window will be with same margins from top and bottom?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
使用
left:50%您可能有正确的想法，但我会使用 2 个 DIV。一个在另一个中：第一个 DIV 将具有
position:relative、left:50%和width:0px。第二个 DIV（内部）将具有
position:absolute、width:200px和left:-100px。不知道如何处理未知的高度。第二个DIV上的像素高度并使用overflow-y:scroll怎么样？
You may have the right idea using
left:50%but I would use 2 DIVs. One inside the other:The first DIV would have
position:relative,left:50%andwidth:0px.The second DIV (inside) would have
position:absolute,width:200pxandleft:-100px.Not sure what to do about the unknown height. How about a pixel height on the second DIV and use
overflow-y:scroll?