登录界面居中效果

最新推荐文章于 2022-07-15 10:49:04 发布

㼛思雨

最新推荐文章于 2022-07-15 10:49:04 发布

阅读量924

点赞数

分类专栏： Javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45147894/article/details/109056709

版权

本文介绍如何使用JavaScript实现登录界面的居中效果，确保在不同屏幕尺寸下都能保持居中显示。

摘要由CSDN通过智能技术生成

效果如下:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-widthh, initial-scale=1.0">
    <title>Document</title>
    <style>
        #login {
            position: absolute;
        }
    </style>
</head>

<body>
    <div id="login"><img src="img/login.jpg" />
    </div>
    <script>
        function show() {
            var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
            //获取宽度
            var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
            //获取高度
            var

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

㼛思雨

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
登录界面居中效果

效果如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widthh, initial-scale=1.0"> <title>Document</title> <style> #logi.
复制链接

扫一扫