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

最新推荐文章于 2021-06-29 11:57:28 发布
置顶 最新推荐文章于 2021-06-29 11:57:28 发布
阅读量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 2118
写在前面继续填坑了。这次是讲手机端。电脑端 [ 按我跳转 ]键盘按键控制 [ 上文内容 ]鼠标点击控制 [ 上文内容 ]手机端触屏控制 [ 本文内容 ]手势控制 [ 本文内容 ]重力控制 [ 下文内容 ]陀螺仪控制 [ 下文内容 ]本文的限制：接上文，本文主要讲在手机检查操作的方法，至于之后执行的相关命令，读者完全可大开脑洞。如果你有什么好的想法，欢迎告诉我！正文1 触屏控制试想象神庙逃亡这类游戏...
unity鼠标固定在屏幕中间_unity3D技术之屏幕内跟随鼠标移动
weixin_29378273的博客
12-24 3061
赋值给鼠标的Z；1usingUnityEngine;2usingSystem.Collections;34publicclassFollow:MonoBehaviour{5Vector3world;//物体要移动到的位置(世界坐标系)6floatmoveSpeed=0;//物体移动速度78voidUpdate(){9Vector3targetposition=Camera.main.WorldTo...
电脑显示屏只显示中间部分其他地方不显示问题
weixin_34242331的博客
08-12 5836
最近一朋友的电脑电脑屏幕只显示中间一块或者是打开全屏的游戏后，无法全屏，四周是黑屏，这通常是因为屏幕分辨率引起的，但是把分辨率调好后，比如你的是笔记本的话，通常是（1280*800）的分辨率，还是没有解决，怎么回事呢？ 关于电脑屏幕只显示中间一块，四周是黑屏可能是你不小心设置了什么东西：在电脑桌名上点击右键——图形选项——屏面适配（全屏 无边框） 看看你的是不是 全...
div 位于屏幕正中间_如何让一个div居于页面正中间
weixin_39593718的博客
12-20 390
如何让一个div居于页面正中间如何让一个div居于页面中间，我今天说的是让一个div水平居中同时垂直居中，而不是简单的top：50%，left：50%。当然，我们就按一开始的思路写一下：top，left属性都设为50%，看一下效果。div居于页面正中间*{margin: 0;padding: 0;background-color: #EAEAEA;}div{width: 200px;height:...
让弹出层始终显示在屏幕正中间
热门推荐
皮哥不皮
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 1733
花了一天时间琢磨这个，看网上的解决办法。。没几个彻底解决的。。。都是说什么方法复杂。。让我们自己去看视频教程。。！！！！感觉跟没有回答一样。。。。自己也是很多方法都试了。。不是有这种问题，就是那种问题。。。。。。烦！！！最后自己琢磨出这个不是办法的办法。。。。。。虽然没有用到什么高深的东西，复杂的算法。。。。但是自己花时间琢磨的。亲测效果还过得去。注意有三个版本(全当学习过程了)，最后版本为最简单...
uniapp拖动地图显示屏幕中心点的位置
weixin_47948392的博客
06-29 1351
uniapp 始终显示屏幕终点位置，点击图标回到原点 onLoad() { var amapFile = require('@/libs/amap-wx.js'); //如：..­/..­/libs/amap-wx.js uni.getLocation({ type: 'gcj02', success: (res) => { this.lat = res.latitude this.lng = res.longitude this.lat1=t
android toast居中显示_如何在Android中更改Toast的位置？
weixin_35660038的博客
01-12 1573
如何在Android中更改Toast的位置？当我使用Toast在屏幕上显示一些弹出文本时，它会在屏幕底部稍上方显示文本，这是默认位置。现在我想根据我的选择在屏幕中间或某处显示它。谁能指导我如何实现这一目标？UMAR asked 2019-02-20T14:13:36Z8个解决方案362 votes从文档中，定位你的吐司标准吐司通知出现在屏幕底部附近， 水平居中。 你可以改变这个位置 toa...
css之div出现在屏幕正中央
之乎者也的博客
08-29 4218
实测chrom与Firefox可用 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  
android 屏幕中心坐标原点,Android 的坐标系及矩阵变换
weixin_31764625的博客
05-25 1288
8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？Android的坐标系2D坐标系android的2d坐标系如图所示，水平向右为X轴正方向，竖直向下为Y轴正方向，原点为屏幕左上角。注意：以屏幕左上角为原点的坐标系，称作绝对坐标系，将原点平移到View的左上角，称作相对坐标系。对View进行操作时，更多使用的是相对坐标系。3D坐标系左手坐标系在计算机科学中，大多3D坐标系...
unity 如何获取到屏幕中间_Unity UGUI获取鼠标在屏幕的准确点击位置
weixin_42310267的博客
12-30 1422
想要获取鼠标在屏幕的准确点击位置，千万不要胡乱写，什么转化坐标系，什么Ray射线检测都是浮云。1，转化坐标系只是相对而言，并不能准确实现当前鼠标点击在屏幕的位置；2，Ray检测，hit是需要碰撞的，没碰撞，获取的是什么？？(0，0，0)。所以，请看如下正解。第一种：我用坐标系转化时发现值并没有什么变化，网上乱七八糟的都有。其实很简单，Input.mousePosition本身就是屏幕坐标(二维)，...
GTK 设置窗口在屏幕中的位置
zelinhehe的专栏
05-04 2106
------------------------------------------------------------------------------------------------------------------------------------------------- GdkScreen *screen = gdk_screen_get_default(); gi
Unity3d 获取屏幕中心位置
于子潇的博客
06-26 1万+
new Vector3(Screen.width/2,Screen.height/2,0);
移动端选择插件mobiscroll的使用demo
enjoy_gw的专栏
10-10 3万+
移动端强大的mobiscroll插件使用分享。
vscode使用withProgress创建进度条的时候ProgressLocation参数设置为Window和Notification，不管cancellable为true和false都不能显示在屏幕正中间，应该如何修改才能将进度条显示在屏幕正中间？如果用withProgress不能实现将进度条显示在正中间应该采取什么方法实现进度条显示在屏幕正中间，应该如何进行修改
最新发布
05-31
如果在使用withProgress时，将ProgressLocation参数设置为Window或Notification，进度条不会显示在屏幕正中间，而是显示在左上角或右下角。要将进度条显示在屏幕正中间，可以将ProgressLocation参数设置为Custom，并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值