CSS 居中布局方案：5种方法详解

使用 CSS 的 margin 属性，设置左右 margin 为 auto，即可实现水平居中布局。

使用 CSS 的 text-align 属性，设置为 center，即可实现文本和内联元素的水平居中布局。

使用 CSS 的 absolute 和 transform 属性，设置 left 和 top 为 50%，同时设置 translateX 和 translateY 为 -50%，即可实现绝对定位元素的居中布局。

使用 CSS 的 flex 布局，设置容器为 display:flex，同时使用 justify-content 和 align-items 属性，即可实现子元素的居中布局。

使用 CSS 的 grid 布局，设置容器为 display:grid，同时使用 justify-items 和 align-items 属性，即可实现子元素的居中布局。