可以使用 CSS 中的 flex 布局来设置页面中多个元素的居中方式。具体来说,需要在容器元素的样式中设置 display: flex; 和 justify-content: center; align-items: center;,其中 justify-content 属性用于设置水平居中方式,align-items 属性用于设置垂直居中方式。以下是示例代码:
.container {
display: flex;
justify-content: center;
align-items: center;
}
在上述代码中,.container 是容器元素的类名,可以根据实际情况进行修改。使用 flex 布局可以方便地实现多个元素的居中,同时也具有响应式布局的优势。
需要注意的是,使用 flex 布局需要对浏览器兼容性进行考虑。一些旧版浏览器可能不支持 flex 布局,需要进行兼容性处理。可以使用 Autoprefixer 等工具自动添加浏览器前缀,提高开发效率。