1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > div永远居中 css和js代码【HTML】

div永远居中 css和js代码【HTML】

时间:2021-03-31 05:00:20

相关推荐

div永远居中 css和js代码【HTML】

web前端|html教程

div永远居中,css和js代码

web前端-html教程

云来开源码,ubuntu系统修改网卡,肠道里的爬虫,php讨论,seo -综合查询lzw

//css方式

CSS Position 定位实现 DIV 在窗口居中.dialog { position: fixed; _position: absolute; z-index: 1; top: 50%; left: 50%; margin: -141px 0 0 -201px; width: 400px; height: 280px; border: 1px solid #CCC; line-height: 280px; text-align: center; font-size: 14px; background-color: #F4F4F4; overflow: hidden; }

我是css居中

h5 移动应用 源码,ubuntu运行 b程序,同时启动2个tomcat吗,scrapy爬虫编辑,ajax向php传值,seo快速搜索lzw

//js方式jq DIV 在窗口居中.dialog { position: absolute; z-index: 1; width: 400px; border: 1px solid #CCC; line-height: 280px; text-align: center; font-size: 14px; background-color: #F4F4F4; overflow: hidden; }

我是js居中

$(function () { Loading($(.dialog)); $(window).scroll(function () { Loading($(.dialog)); }); $(window).resize(function () { Loading($(.dialog)); }); //弹出居中 function Loading($obj) { //获取元素自身的宽度 var L1 = $obj.width(); //获取元素自身的高度 var H1 = $obj.height(); //获取实际页面的left值。(页面宽度减去元素自身宽度/2) var Left = (document.documentElement.clientWidth - L1) / 2; //获取实际页面的top值。(页面宽度减去元素自身高度/2) var top = (document.documentElement.clientHeight - H1) / 2 + $(document).scrollTop(); $obj.css({ left: Left + px, top: top + px }); } })

微博营销源码,vscode 换图标,怎么看ubuntu的版本号,tomcat头攻击,脚本sqlite3,wordpress plugins插件,海风小店前端用了什么框架,多线程爬虫设计软件,php 布局,seo访客时间,微信网站开源,网页文字制作代码,企业网站模板官网lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。