CSS 片段 · CSS

绝对定位居中

251代码小抄 · 可复制代码片段

说明

经典写法，父级需 relative。

复制后按项目类名、路径与域名微调即可。

代码

.wrap { position: relative; min-height: 200px; }
.box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

注意点

• 可能影响层叠上下文

常见问题

相关工具与服务

• 网站建设/开发 — 定制开发
• 251在线工具