[css] translate实现水平垂直绝对居中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[css] translate实现水平垂直绝对居中相关的知识,希望对你有一定的参考价值。


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

这种方法可以不用知道宽高







以上是关于[css] translate实现水平垂直绝对居中的主要内容,如果未能解决你的问题,请参考以下文章

transform:translate(-50%,-50%)实现水平垂直居中

知识点(三)

CSS 通过CSS实现绝对水平和垂直居中

前端面试CSS系列——DIV垂直水平居中

用一段css实现盒子垂直水平居中方法(8种)-案例

css绝对定位如何水平居中?