CSS垂直水平居中的各种解决方法汇总 (ฅ ́ω`ฅ)已阅留爪

目录 CSS水平居中 文本水平居中 单个块级元素水平居中 多个水平排列的块级元素 水平居中 多个垂直排列的块级元素 水平居中 CSS垂直居中 单行文本垂直居中 多行文本垂直居中 方法1:使用table布局 方法2:设置vertical-align,line-height 方法3:使用flex布局 方法4:设置伪元素 块级元素垂直居中 方法1:flex布局 方法2:设置absolute和margin 方法3:设置absolute和transform:translate(-50%,-50%) CSS垂直水平居中 方法1:设置absolute和margin 方法2:设置absolute和transf