CSS 居中代码大全 - 文本、块级元素、绝对定位、Flex 布局

CSS 居中代码大全

本文将介绍 CSS 中各种元素的居中方法，包括文本、块级元素、绝对定位元素和 Flex 布局元素的居中代码示例。

居中文本

text-align: center;

居中块级元素

margin: 0 auto;

居中绝对定位元素

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

居中 Flex 布局元素

display: flex;
justify-content: center;
align-items: center;