div 垂直居中的六种方法(垂直居中的二十三个方法)

点击右上角的红色按钮，关注“小郑的代码制作”。你可以每天学习知识和理解问题！

23种垂直居中元素的方法仅列出了解决方案和适用场景。我需要举个例子，我可以给小郑留言。

方法1：线条高度

适用场景：单行文本垂直居中技术

方法2：线高度+内联块

适用场景：多目标垂直定心技术

方法3:before+inline块

适用场景：多个对象的CSS垂直居中技术

方法4：绝对+边际负值

适用场景：多行文字垂直居中技术

方法5：绝对+边际自动

适用场景：多行文字垂直居中技术

方法6：绝对+翻译

适用场景：多行文字垂直居中技术

方法7弯曲+对齐项目

适用场景：多行文字垂直居中技术

方法8:Flex+：在+Flex增长之前

适用场景：多行文字垂直居中技术

方法9：弹性+边际

适用场景：多行文字垂直居中技术

方法10：灵活+自我调整

适用场景：多行文字垂直居中技术

方法席Flex+align内容

适用场景：更多文本的垂直居中技巧

方法12。网格+模板

适用场景：多行文字垂直居中技术

方法13。网格+对齐项目

适用场景：多行文字垂直居中技术

方法14。网格+对齐内容

适用场景：杜航的垂直定心技巧

方法十五。网格+自我对齐

适用场景：多行文字垂直居中技术

方法16。网格+放置物品

适用场景：多行文字垂直居中技术

方法17。网格+放置内容

适用场景：多行文字垂直居中技术

方法18。网格+边际

适用场景：多行文字垂直居中技术

方法19陈列:表格单元格

适用场景：多行文字垂直居中技术

方法20计算

适用场景：多行文字垂直居中技术

方法二十一。相对+翻译

适用场景：多行文字垂直居中技术

方法22padding

适用场景：多行文字垂直居中技术

方法二十三。写入模式

适用场景：多行文字垂直居中技术