javascript里怎么把元素随窗口大小改变而改变它的位置呢?
<divid="a"><imgid="b"/></div>vardiv=document.getElementById("a");varimg=document.getE...
<div id="a">
<img id="b" />
</div>
var div=document.getElementById("a");
var img=document.getElementById("b");
var window_width=document.body.clientWidth;
var img_width=img.clientWidth;
window.onresize=function (){
img.
}
onresize里面的不会写了,就是想让这图片水平居中,想让它margin-left:(img_width-window_width)/2
怎么写啊?我用了img.setAttribute()不行,用了cssText不行 展开
<img id="b" />
</div>
var div=document.getElementById("a");
var img=document.getElementById("b");
var window_width=document.body.clientWidth;
var img_width=img.clientWidth;
window.onresize=function (){
img.
}
onresize里面的不会写了,就是想让这图片水平居中,想让它margin-left:(img_width-window_width)/2
怎么写啊?我用了img.setAttribute()不行,用了cssText不行 展开
2个回答
展开全部
图片水平居中很简单啊,假如你的图片宽高为800*500
<style>
#a { position:relative;}
#b{ position:absolute; top:50%; left:50%; margin-top:-250px; margin-left:-400px;}
</style>
望采纳!
更多追问追答
追问
你这top:50%;left:50%是怎么回事,%这个计量单位我明白,但没看懂你这50%
追答
整个浏览器屏幕的一半,top:50%是高度的一半,left:50%是宽度的一半。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询