css – 如何垂直居中动态高度固定元素？
作者：互联网
2026-03-23
HTML教程
我正在制作一个叠加窗口的东西,我正试图将消息垂直居中在屏幕的中心….这是我的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%);} Updated fiddle
相关推荐
