如何让一个div框居于整个页面的正中间

 这也是我从其他地方看到的,记录存档一下

style里面:

复制代码
 .center-in-center{
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }
复制代码

div框中:

复制代码
  <div class="center-in-center">

                <a   href="gllogin.html"> <div style="width:300px;height:40px;border-radius:30px;border:5px solid #ffffff;text-align: center;padding:10px;">
                  <p>·我是管理员·</p></div> </a>
                  <p>&nbsp;</p>

                    <a   href="login.html"> <div style="width:300px;height:40px;border-radius:30px;border:5px solid #ffffff;text-align: center;padding:10px;">
                  <p>·我是用户·</p></div> </a>


                  
               </div>
             
             
复制代码

 

posted @   zrswheart  阅读(69)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示