写了一个div盒子,里面放了一张图片,我想让这个盒子一直处在页面中间,不管鼠标上滑还是下滑,图片都不动,应该怎么写啊
1条回答 默认 最新
- m0_54204465 2023-01-16 10:23关注
可以使用CSS的position:fixed属性将div盒子固定在页面中间。
div{ position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
上面的代码中,使用了top: 50%和left: 50%将div盒子的上边距和左边距设置为50%。这样div盒子就会出现在页面的中间。
使用了transform: translate(-50%, -50%)将div盒子向上和向左偏移50%。这样div盒子会完全居中。
这样设置之后,你可以看到div盒子一直处于页面中间,不管鼠标上滑还是下滑,图片都不动。
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 多址通信方式的抗噪声性能和系统容量对比
- ¥15 winform的chart曲线生成时有凸起
- ¥15 msix packaging tool打包问题
- ¥15 finalshell节点的搭建代码和那个端口代码教程
- ¥15 用hfss做微带贴片阵列天线的时候分析设置有问题
- ¥15 Centos / PETSc / PETGEM
- ¥15 centos7.9 IPv6端口telnet和端口监控问题
- ¥20 完全没有学习过GAN,看了CSDN的一篇文章,里面有代码但是完全不知道如何操作
- ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
- ¥20 海浪数据 南海地区海况数据,波浪数据