div {
width: 600px; height: 400px;
position: absolute; left: 50%; top: 50%;
transform: translate(-50%, -50%); /* 50%为自身尺寸的一半 */
}
css比较万能的定位居中方式
于 2023-02-06 10:31:50 首次发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)
div {
width: 600px; height: 400px;
position: absolute; left: 50%; top: 50%;
transform: translate(-50%, -50%); /* 50%为自身尺寸的一半 */
}