tnjk.net
当前位置:首页 >> 初学,想写一个js来让Div根据屏幕分辨率来居中,但... >>

初学,想写一个js来让Div根据屏幕分辨率来居中,但...

div居中直接css就可以办到的事情: .box{width:1170px;min-height:200px;margin:0 auto;} .box{position:absolute; top:0;left:50%;width:1170px;min-height:200px;margin-left:-585px;} //js居中方式引入jquery库 //如果要用到left样式属性的话...

我估摸着div.offetwidth没有取正确

function fullScreen(){ $("#container").css({"width":window.screen.width,"height":window.screen.height}); } $(window).resize(function(){ fullScreen(); }); fullScreen();

.div_center{magin-left: auto;margin-right: auto} 根本用不着JS, 这是 CSS 的工作

var width = document.body.scrollHeight; //获取屏幕高度 document.getElementById("//自己设置个id 用bytagname会有兼容问题").style.margin-top

window.onresize = function(){ var percent = 0.XX; //将div设置成浏览器高度的百分比 var myDiv = document.getElementById("divid");//根据id获取这个div myDiv.style.height= window.document.body.clientHeight*percent ; }

1,方案一:响应式来做,可以根据媒体查询,设定在不同屏幕宽度下div的高度和宽度,具体的设置看你响应式想怎么显示 @media only screen and (min-width: 100px) and (max-width: 640px) { div{ width: 100px; height: 100px; } } @media only screen...

左右居中:margin:0 auto; 上下居中: 1.设置父级div高度(假设为300px); 2.设置table的高度(假设为100px); 3.设置margin-top为:300px/2 - 100px/2 testbody {width: 300px;height: 300px;border: 1px solid red;text-align: center;}tabl...

首先你得有个高宽比(比例),根据这个比,用js计算就是了。 function resizeHeight(id,size){ var ele = document.getElementById(id); var width = ele.offsetWidth; ele.style.height = size*width+"px"; } 说明:id是div的id(String),size...

.conent { width: 980px; height:680px; border:1px solid #134579; } var marginLeft; var marginTop; window.onload = function () { marginTop = 0; marginLeft = 0; rePoint(); } window.onresize = function () { rePoint(); } function r...

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com