根据窗口大小自动调整位置，保持在窗口中央

最新推荐文章于 2024-05-23 14:30:20 发布
最新推荐文章于 2024-05-23 14:30:20 发布
阅读量1.9k 收藏
点赞数
分类专栏： Ajax＆Javascript 文章标签： div border function html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Aricc/article/details/1554387
版权
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<script type="text/javascript">
    function jisuan(){
        var div=document.getElementById("msg");
        if (div){
            div.style.position="absolute";
            div.style.width="300";
            div.style.height="200";
            div.style.top=((document.body.clientHeight - 0) - (div.style.pixelHeight-0))/2;
            div.style.left=((document.body.clientWidth - 0) - (div.style.pixelWidth-0))/2;
        }
        window.setTimeout("jisuan()",500);
    }
</script>
</head>
<body style="margin:0px;">
<div id="msg" style="border:solid 5 #FF0000;"></div>
<script type="text/javascript">jisuan();</script>
</body>
</html>
 
Aricc
关注
专栏目录
【Python小项目之Tkinter应用】随机点名/抽奖工具大优化：实现背景图与其他组件自适应窗口大小变化并保持相对位置和比例不变
畅游计算机视觉的海洋
09-06 5万+
本文将实现前文中基于Python的TkinterGUI库实现的随机点名/抽奖小工具的优化——实现背景图与其他组件自适应窗口大小变化并保持相对位置和比例不变，即当窗口大小发生变化时，我们的背景图与其他组件也应该根据窗口大小的变化等比例变化。由于前文实现的窗口大小是固定的，客户有窗口大小改变的需求以适应不同分辨率的设备。【Python小项目】Python的GUI库Tkinter实现随机点名工具或抽奖工具并封装成.exe可执行文件。
Pygame中的控件位置和窗口大小
TdMaster的博客
09-20 263
本文将探讨如何设置控件的位置和调整窗口的大小。在调整窗口大小之前，我们通常需要保存窗口中的任何数据，并在调整大小后进行恢复。在Pygame中，我们可以使用坐标来设置控件的位置。坐标系统的原点通常位于窗口的左上角，x坐标向右增加，y坐标向下增加。要设置控件的位置，我们需要使用控件对象的。在上面的代码中，我们首先创建了一个窗口，并指定了宽度和高度。然后，我们计算出按钮的位置，使其位于窗口的中心。属性，我们可以轻松地设置控件的位置。而要调整窗口的大小，我们可以使用。要调整窗口的大小，我们可以使用。
调整窗口大小
09-16
WindowSize 2.2_CHS调整窗口大小 针对某一窗口调整大小
html距离屏幕左侧,html – 3 div根据屏幕大小更改位置
weixin_39617685的博客
05-30 314
我想通常在页面中显示3个div,如下所示--------------| | || 1 | || | 2 ||-----| || | || 3 | || | |--------------所以HTML会是这样的EDIT: I do think there is a better solution...
php整个页面自动居中,css怎么整体居中
weixin_39968995的博客
03-17 488
一般网页主体内容布局均为居中于浏览器。如php中文网首页，主体为居中布局。如何使用CSS让整个网页布局居中呢？布局居中条件是什么呢？首先我们要对body设置css内容居中样式(css text-align:center)，然后布局最外层DIV盒子时候使用 margin:0 auto即可让对象布局居中。当然我们对盒子对象使用了 margin:0 auto，有的浏览器不对body对象加text-ali...
php网页缩放时自动居中,WEB页面实现等比例缩放自适应 - 通过 rem 和 vw 实现
weixin_36158990的博客
03-24 390
WEB页面实现等比例缩放自适应 - 通过 rem 和 vw 实现一、rem 和 vw 简介1. remrem 是相对长度单位，是指相对于根元素(即html元素)font-size(字号大小)的倍数。示例若根元素 font-size 为 12pxhtml {font-size: 12px;}h1 {font-size: 2rem; /* 2 × 12px = 24px */}p {font-siz...
调整窗口位置，使之居中
01-03 912
在Window的Resize事件中加入://申请系统环境变量environment lenvlong ll_width,ll_height//取得系统环境信息if getenvironment(lenv) = -1 then//   messagebox(错误,获取屏幕信息出错！)else //取得当前屏幕的尺寸，并调整窗口位置，使之居中 ll_height = PixelsToUnits
完整版调整窗口大小.rar
04-03
例如，在C#的WPF（Windows Presentation Foundation）框架中，可以设置Window对象的SizeToContent属性来控制窗口根据内容自动调整大小。 此外，有些第三方软件和工具，如窗口管理器或自动化脚本，可以提供更高级的...
设置窗口在屏幕中的位置VB6.0源代码.rar
04-13
除了静态设置位置，你还可以根据用户的操作动态调整窗口位置。例如，当用户最大化或最小化窗口后，你可以通过响应Size事件来更新窗口的位置： ```vb Private Sub Form_Resize() If Me.WindowState = vbMaximized ...
Qt如何设置窗口屏幕居中显示以及设置大小
08-31
如何让窗口在启动时自动居中显示，以及如何调整窗口的大小，是许多开发者在构建用户界面时常常遇到的问题。本篇将详细介绍Qt中实现这两个功能的方法。 首先，我们来看如何设置窗口居中显示。在Qt中，窗口居中通常有...
任意软件修改窗口大小
05-01
在一些高级场景下，比如自动化测试或脚本编写，可能会用到更复杂的技术来调整窗口大小。例如，使用Selenium WebDriver进行网页自动化测试时，可以调用`window.resizeTo`方法来改变浏览器窗口的尺寸，以适应不同的...
4.pygame窗口管理
m0_73552311的博客
12-11 1957
pygame入门教程（4）——窗口管理（拓展）
CARLA pygame window界面大小调节两种方法-Ubuntu18.04
ZHUO__zhuo的博客
03-30 5588
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、crala安装二、pygame window界面界面大小调节方法1.打开manual_control.py修改分辨率2.打开设置-显示，选择分辨率总结 前言 提示：这里可以添加本文要记录的大概内容： 电脑显示器是4K分辨率，安装的crala打开的pygame window分辨率只有1280x720，所以界面很小，这里说一个可以把界面界面大小调节的两个方法 提示：以下是本篇文章正文内容，下面案例可供参考 一、crala安.
idl结果显示窗口如何缩小_IDL操作步骤
weixin_42344284的博客
01-27 253
安装IDL8.1与8.0一样，如何注册的IDL8.1？(1)先将license_98172-33.dat中的计算机名字改成自己计算机的名字。下文中“SERVER qxtaaa 842b2b04436a 1700”qxtaaa为计算机名字，842b2b04436a为MAC地址。license_98172-33.dat文件就是：############ license file comments, d...
【pygame学习_5】窗口设计
Ucicorn Gundam的博客
12-30 2110
pygame学习笔记（5），北京理工大学嵩天教授，窗口设计
前端常见的页面自适应布局方案
最新发布
pantouyuchiyu的博客
05-23 1521
关于前端自适应布局方案的内容已经说完了，但是我还想说点别的，主要想说一下我们应该学习哪些技术才能让它更加保值。在我看来，越偏向于业务的技术越不容易过时，为什么呢？需求在变，技术一直在变，业务也一直在迭代。前端技术的发展非常快，也涌现出很多的框架（例如 HTML4 到 HTML5 的升级，或者从jQuery 到前端三大框架的转变），但是总归就是两个字：效率。作为开发者，我们需要保持好奇心和学习热情，不断探索新的技术，只有这样，我们才能在这个快速发展的时代中立于不败之地。介绍一款程序员都应该知道的软件。
前端页面自适应的7种办法
mao871863224的博客
04-11 5278
项目开发中经常遇见需要自适应页面的办法，下面总结几种经常用到的，欢迎补充～
python中用pygame创建一个精致的窗口
zouzxxi的博客
04-03 6529
每行代码都写了注释，自己多去实践 其中的图片或字体的路径都需要自己去设计。 import sys,pygame # 导入所需要的模块 pygame.init() # 使用pygame之前必须初始化 screen=pygame.display.set_mo..
背景图大小与窗口不一致，MFC会自动调整适应吗？
06-13
MFC默认情况下不会自动调整背景图大小以适应窗口大小。如果您的背景图大小与窗口大小不一致，您需要手动调整背景图大小以适应窗口大小。您可以在OnSize()函数中添加以下代码来实现： ```c++ void CMyDialog::OnSize(UINT nType, int cx, int cy) { CDialogEx::OnSize(nType, cx, cy); // 重绘背景图片 CImage image; image.Load(IDB_PNG1); CDC* pDC = GetDC(); CDC dc; dc.CreateCompatibleDC(pDC); // 计算背景图的缩放比例 double scaleX = (double)cx / image.GetWidth(); double scaleY = (double)cy / image.GetHeight(); double scale = min(scaleX, scaleY); // 计算缩放后的背景图大小 int width = (int)(scale * image.GetWidth()); int height = (int)(scale * image.GetHeight()); CBitmap bmp; bmp.CreateCompatibleBitmap(pDC, cx, cy); CBitmap* pOldBitmap = dc.SelectObject(&bmp); // 缩放并绘制背景图片 image.StretchBlt(dc.m_hDC, 0, 0, width, height, SRCCOPY); // 居中显示背景图片 int x = (cx - width) / 2; int y = (cy - height) / 2; // 重绘背景图片 pDC->BitBlt(0, 0, cx, cy, &dc, x, y, SRCCOPY); dc.SelectObject(pOldBitmap); } ``` 这段代码会在窗口大小发生变化时，根据窗口大小重新计算背景图的缩放比例，缩放背景图并绘制在窗口上，最终使背景图居中显示在窗口中央。这样就可以让背景图大小自适应窗口大小了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值