肥宅之家  ⁝︎  登录
一种页面居中弹窗的CSS写法
#warn{
padding:8px 12px 12px 12px;
box-sizing:border-box;
position:fixed;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:400px;
max-width:99%;
background:#FFF;
box-shadow:0 4px 20px 0 rgba(0,0,0,0.4);
z-index:9;
}
Nyan Kusanagi 大佬写法:
.dialog-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 233; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .38); &> .dialog { width: 480px; height: 270px; background: rgba(255, 255, 255, 1); border-radius: 2px; padding: 20px 24px; } }
C
脑浆物语 霖博客 设计笔记 依萌萌 灰常记忆 乐亦人生 拔剑舞 云破天开 秋日 Yoooo 幻焕 归程 笨猫 云上萝莉 宅区
🍁 秋空动漫社 STATUS TOS