图片在浏览器窗口水平居中的实例代码分享
闲言碎语不多说，直接上代码，看看你能领悟到多少。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>图片在浏览器窗口水平居中展示（图片尺寸不限制）</title>
<style>
* {
margin: 0;
padding: 0;
background: #606060}
html {
height: 100%;
}
body {
position: relative;
min-height: 100%;
}
#img-center {
width: 800px;
margin: 0 auto;
display: block;
margin-top: 2%;
margin-bottom: 2%;
cursor: zoom-in;
}</style>
<script>window.onload = function() {/*小于浏览器屏幕时居中 */var docuH = document.body.clientHeight,
domH = document.getElementById("img-center").offsetHeight,
dom = document.getElementById("img-center");if(domH < docuH) {var csstext = "position:absolute;top:50%;margin-left:-400px;left:50%;margin-top:-" + domH / 2 + "px;";
dom.style.cssText = csstext;
}
};/*滚动定位*/function bbimg(o) {var zoom = parseInt(o.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;if(zoom > 0) o.style.zoom = zoom + '%';return false;
}</script>
</head>
<body>
<img src="img/3.jpg" alt="" id="img-center" onmousewheel="return bbimg(this)">
</body>
</html>
以上是图片在浏览器窗口水平居中的实例代码分享的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
欧易交易所如何注册账户 欧易交易所注册教程
Apr 24, 2025 pm 02:06 PM
注册欧易账户的步骤如下：1.准备有效邮箱或手机号和稳定网络。2.访问欧易官网。3.进入注册页面。4.选择邮箱或手机号注册，填写信息。5.获取并填写验证码。6.同意用户协议。7.完成注册并登录，进行KYC和设置安全措施。
币安下载链接 币安下载路径
Apr 24, 2025 pm 02:12 PM
安全下载币安APP需通过官方渠道：1. 访问币安官网，2. 找到并点击APP下载入口，3. 选择扫描二维码、应用商店或直接下载APK文件的方式下载，确保链接和开发者信息真实，开启双重验证保护账户安全。
欧易交易所app官网下载苹果手机下载
Apr 28, 2025 pm 06:57 PM
欧易交易所app支持苹果手机下载，访问官网，点击“苹果手机”选项，在App Store中获取并安装，注册或登录后即可进行加密货币交易。
芝麻开门官网入口 芝麻开门官方最新入口2025
Apr 28, 2025 pm 07:51 PM
芝麻开门是重点加密货币交易的平台，用户可以通过官方网站或社交媒体获取入口，确保访问时验证SSL证书和网站内容的真实性。
芝麻开门交易所如何注册账户 芝麻开门交易所注册教程
Apr 24, 2025 pm 02:00 PM
注册芝麻开门账号需7步：1.准备有效邮箱或手机号及稳定网络；2.访问官网；3.进入注册页面；4.选择并填写注册方式；5.获取并填写验证码；6.同意用户协议；7.完成注册并登录，建议进行KYC和设置安全措施。
什么是链上交易？全球链上交易所有哪些？
Apr 22, 2025 am 10:06 AM
欧盟MiCA合规认证，覆盖50 法币通道，冷存储比例95%，零安全事件记录。美国SEC持牌平台，法币直购便捷，冷存储比例98%，机构级流动性，支持大额OTC和自定义订单，多级清算保护。
USDT转账地址错误怎么办 新手小白指南
Apr 21, 2025 pm 12:12 PM
USDT转账地址错误后，首先确认转账已发生，然后根据错误类型采取措施。1.确认转账：查看交易记录，获取并在区块链浏览器上查询交易哈希值。2.采取措施：若地址不存在，等待资金退回或联系客服；若为无效地址，联系客服并寻求专业帮助；若转给了他人，尝试联系收款方或寻求法律帮助。
