![](/img/trans.png)
[英]How to vertically center images of dynamic height inside a div of fixed height?
[英]How to vertically center a dynamic height fixed element?
我正在制作一个叠加窗口的东西,我正试图将消息垂直居中在屏幕的中心....这是我的CSS到目前为止:
#overlay {
position: fixed;
right: 0;
left: 0;
width: 276px;
margin: 0px auto;
padding: 12px 16px;
font-size: 14px;
color: #6d748b;
background-color: #fff;
border: 2px solid #b9c1d6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
z-index: 7500;
}
这是一种方式(假设您只是尝试将一个元素居中):
#overlay {
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: tranlslateY(-50%);
transform: translateY(-50%);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.