让绝对定位的div居中

最近看到一个问题就是让绝对定位的div居中,在尝试了top:50%;left:50%;后发现,居中是有问题的并不是想象中的样子

需要再加两句margin-top:-盒子高度的一般px  margin-left:-盒子宽度的一般px;

就这样让一个绝对定位的盒子居中就实现了,但是有一个缺点就是,必须要知道盒子的高宽;

我们可使用css3里面的transform实现,设置left为50%,transform:translateX(-50%)即可实现不得到宽实现居中;


__EOF__

本文作者xiaopo
本文链接https://www.cnblogs.com/xiaopo/p/14288987.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   小破的博客  阅读(339)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示