弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 3341|回复: 1

【CSS】让DIV绝对居中办法

[复制链接]
发表于 2018-5-31 17:10:26 | 显示全部楼层 |阅读模式
.element {
    width: 600px; height: 400px;
    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    margin: auto;
}
代码两个关键点:

1、上下左右均0位置定位;
2、margin: auto;
回复

使用道具 举报

 楼主| 发表于 2021-11-26 19:08:13 | 显示全部楼层

div是absolute水平居中的办法

div有宽度的比较好做,有多种办法,但如果没有指定宽度的很难找到方法,经过测试,以下方法比较好用
首先还是
left: 50%;
然后:
transform: translate(-50%);

仅适用于css3,关于transform:translate(x,y)自行深入了解。

垂直居中:
transform: translateY(-50%);
top:50%;

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-11-24 00:17 , Processed in 0.047678 second(s), 15 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表