一直显示在屏幕正中间位置

最新推荐文章于 2021-05-25 14:28:04 发布
置顶 最新推荐文章于 2021-05-25 14:28:04 发布
阅读量1.4k 收藏
点赞数
分类专栏： web前端学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/libin_1/article/details/52216095
版权

这里写图片描述

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

        <title></title>
        <style type="text/css">
            * {
                padding: 0px;
                margin: 0px;
            }

            body {
                width: 100%;
                height: 5000px;
                position: relative;
            }

            .main {
                width: 100%;
                height: 100%;
                position: fixed;
                background: rgba(0, 197, 205, 0.5);
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                z-index: 1;
                display: -webkit-box;
                -webkit-box-pack: center;
                -webkit-box-align: center;
            }

            .java {
                width: 300px;
                height: 50px;
                z-index: 10000;
                background: red;
                opacity: 1;
                line-height:50px;
                text-align: center;
                font-size: 35px;
            }
        </style>
    </head>

    <body>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <h1>哈哈我可是一直显示在最中间</h1>
        <div class="main">
            <div class="java">我可是日了狗了</div>
        </div>
    </body>

</html>
最骚的就是你
关注
专栏目录
unity 手机上获取手指触摸位置_Unity 操作检测的各种实现#2手机端 - 触屏与手势...
weixin_39905037的博客
11-22 2088
写在前面继续填坑了。这次是讲手机端。电脑端 [ 按我跳转 ]键盘按键控制 [ 上文内容 ]鼠标点击控制 [ 上文内容 ]手机端触屏控制 [ 本文内容 ]手势控制 [ 本文内容 ]重力控制 [ 下文内容 ]陀螺仪控制 [ 下文内容 ]本文的限制：接上文，本文主要讲在手机检查操作的方法，至于之后执行的相关命令，读者完全可大开脑洞。如果你有什么好的想法，欢迎告诉我！正文1 触屏控制试想象神庙逃亡这类游戏...
unity鼠标固定在屏幕中间_unity3D技术之屏幕内跟随鼠标移动
weixin_29378273的博客
12-24 3026
赋值给鼠标的Z；1usingUnityEngine;2usingSystem.Collections;34publicclassFollow:MonoBehaviour{5Vector3world;//物体要移动到的位置(世界坐标系)6floatmoveSpeed=0;//物体移动速度78voidUpdate(){9Vector3targetposition=Camera.main.WorldTo...
div 位于屏幕正中间_如何让一个div居于页面正中间
weixin_39593718的博客
12-20 381
如何让一个div居于页面正中间如何让一个div居于页面中间，我今天说的是让一个div水平居中同时垂直居中，而不是简单的top：50%，left：50%。当然，我们就按一开始的思路写一下：top，left属性都设为50%，看一下效果。div居于页面正中间*{margin: 0;padding: 0;background-color: #EAEAEA;}div{width: 200px;height:...
电脑显示屏只显示中间部分其他地方不显示问题
weixin_34242331的博客
08-12 5754
最近一朋友的电脑电脑屏幕只显示中间一块或者是打开全屏的游戏后，无法全屏，四周是黑屏，这通常是因为屏幕分辨率引起的，但是把分辨率调好后，比如你的是笔记本的话，通常是（1280*800）的分辨率，还是没有解决，怎么回事呢？ 关于电脑屏幕只显示中间一块，四周是黑屏可能是你不小心设置了什么东西：在电脑桌名上点击右键——图形选项——屏面适配（全屏 无边框） 看看你的是不是 全...
让弹出层始终显示在屏幕正中间
热门推荐
皮哥不皮
03-29 4万+
一、block元素相对于父级居中：给该元素设置宽高(如果被内部元素撑开，也可不写)；然后设置样式margin:0 auto;二、inline元素相对于父级居中：给父级元素设置样式：text-align:center;三、弹层相对于浏览器窗口（或屏幕）居中：可将弹层对应的dom作为body第一层子元素，然后给弹层设置样式
androidTV 自定义RecyclerView让当前焦点item显示在中间
09-10
AndroidTV中自定义RecyclerView 让当前焦点item显示在中间，调用smoothToCenter（pos）就可以。
unity鼠标固定在屏幕中间_unity。。。完美简单解决靠鼠标在屏幕上的移动来控制相机水平，垂直旋转的c#脚本...
weixin_33356324的博客
01-14 1712
花了一天时间琢磨这个，看网上的解决办法。。没几个彻底解决的。。。都是说什么方法复杂。。让我们自己去看视频教程。。！！！！感觉跟没有回答一样。。。。自己也是很多方法都试了。。不是有这种问题，就是那种问题。。。。。。烦！！！最后自己琢磨出这个不是办法的办法。。。。。。虽然没有用到什么高深的东西，复杂的算法。。。。但是自己花时间琢磨的。亲测效果还过得去。注意有三个版本(全当学习过程了)，最后版本为最简单...
android toast居中显示_如何在Android中更改Toast的位置？
weixin_35660038的博客
01-12 1543
如何在Android中更改Toast的位置？当我使用Toast在屏幕上显示一些弹出文本时，它会在屏幕底部稍上方显示文本，这是默认位置。现在我想根据我的选择在屏幕中间或某处显示它。谁能指导我如何实现这一目标？UMAR asked 2019-02-20T14:13:36Z8个解决方案362 votes从文档中，定位你的吐司标准吐司通知出现在屏幕底部附近， 水平居中。 你可以改变这个位置 toa...
前端开发之CSS实现在网页正中间显示的弹出层
qq_41597968的博客
12-17 1643
一直以来，让前端工程师头疼的问题肯定包括垂直居中这个问题吧，什么文字垂直居中，图片垂直居中之类的，很头疼对不对，如果现在让你写一个在网页正中间显示的弹出层，你会用什么方法写呢？ 今天来分享一下小编所知道的几种方法，希望能对大家有用，如果你有更好的解决方法，也欢迎你来告诉我，让小编也涨涨姿势哈。 第一种：固定宽高的弹出层 运行效果 在这里相信有许多想要学习web前端的同学，大家可以+...
android 屏幕中心坐标原点,Android 的坐标系及矩阵变换
weixin_31764625的博客
05-25 1272
8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？Android的坐标系2D坐标系android的2d坐标系如图所示，水平向右为X轴正方向，竖直向下为Y轴正方向，原点为屏幕左上角。注意：以屏幕左上角为原点的坐标系，称作绝对坐标系，将原点平移到View的左上角，称作相对坐标系。对View进行操作时，更多使用的是相对坐标系。3D坐标系左手坐标系在计算机科学中，大多3D坐标系...
unity 如何获取到屏幕中间_Unity UGUI获取鼠标在屏幕的准确点击位置
weixin_42310267的博客
12-30 1400
想要获取鼠标在屏幕的准确点击位置，千万不要胡乱写，什么转化坐标系，什么Ray射线检测都是浮云。1，转化坐标系只是相对而言，并不能准确实现当前鼠标点击在屏幕的位置；2，Ray检测，hit是需要碰撞的，没碰撞，获取的是什么？？(0，0，0)。所以，请看如下正解。第一种：我用坐标系转化时发现值并没有什么变化，网上乱七八糟的都有。其实很简单，Input.mousePosition本身就是屏幕坐标(二维)，...
GTK 设置窗口在屏幕中的位置
zelinhehe的专栏
05-04 2069
------------------------------------------------------------------------------------------------------------------------------------------------- GdkScreen *screen = gdk_screen_get_default(); gi
Unity3d 获取屏幕中心位置
于子潇的博客
06-26 1万+
new Vector3(Screen.width/2,Screen.height/2,0);
设置一个始终显示在浏览器中间位置的加载效果
fgx_123456的博客
03-08 1734
要求：当用户点击提交之后，显示加载效果，此时用户将不能对页面作任何处理，只能等待。难点：当浏览器有滚动条时，依然能够保持整个覆盖、中央显示。处理代码：css:.loadingDiv {    position: fixed;    z-index: 9999;    width: 100%;    height: 100%;    left: 0;    top: 0;}.loadingDiv &...
map展示当前位置，并实时以当前位置为中心显示
云上人间钦自赏
04-26 5118
官方的demo虽然设置了setCenter，实测，是无效的，getUserLocation仅执行一次，所以，只有在初始化时才设置中心点， 稍微改动了一下，过一秒钟后递归一次，可以实现地图实时更新，基本可以做为一个简单的导航使用了。 function userLocation() { map.showUserLocation(true); map.getUserLocation(functi
python将图像显示在屏幕中间
最新发布
05-22
你可以使用OpenCV库来将图像显示在屏幕中间。以下是一个简单的示例代码： ```python import cv2 # 读取图像 img = cv2.imread('image.jpg') # 获取屏幕尺寸 screen_width, screen_height = 800, 600 # 假设屏幕...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值