纯 CSS 实现元素垂直水平居中 - Flexbox 布局方法

\n\n```css\n.container {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh; /* 可根据需要调整高度 */\n}\n\n.centered-box {\n /* 可根据需要设置宽度、高度、背景颜色等样式 */\n}\n```\n\n上述代码中，`.container`使用Flexbox布局，通过`justify-content: center;`和`align-items: center;`将内部元素水平和垂直居中。`.centered-box`是要居中的内容，可以根据需求自行设置宽度、高度、背景颜色等样式。