CSS 片段 · CSS

CSS Flex 水平垂直居中

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

说明

最常用的居中写法之一，适合未知宽高的子元素。

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

代码

.box {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

注意点

• 父元素需要有高度

常见问题

相关工具与服务

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