Question

初学，想写一个js来让div根据屏幕分辨率来居中，但是没反应，代码如下

<script type="text/javascript">function getInfo(){
var s,l;
s = window.screen.width;
s-=1170;
l=s/2;
$('.main').css('left','l');
}
</script>
已经在body那里加了onload了，我的div宽度限定在1170px

Answer 1

div居中直接css就可以办到的事情:
<div class="box"></div>
<style>
<!--普通居中-->
.box{width:1170px;min-height:200px;margin:0 auto;}
<!--定位居中-->
.box{position:absolute; top:0;left:50%;width:1170px;min-height:200px;margin-left:-585px;}
</style>
//js居中方式引入jquery库
//如果要用到left样式属性的话，那就是定位要用到position:absolute;或者fixed
<script>
(function(){
var setOff = function(){
var $box = $(".box");
$box.css({
"position":"absolute",
"left":(($(window).width()-$box.width())/2),
"top":$(window).scrollTop()+(($(window).height() -$box.height())/2 )
})
}
setOff();
$(window).resize(function(){setOff()})
})()
</script>

Answer 2

l是个变量 你不用加引号啊，而且如果向右移动应该是margin-left吧，而且你的函数要调用才能出效果的啊

$(function(){
getInfo();
console.log(screen.availWidth);
function getInfo(){ 
     var s,l;   
      s = screen.availWidth;
      s-=1170;
      l=s/2;
      $('.main').css('margin-left',l);
    }
});

Answer 3

我姑且先问一下吧，你有加载jquery吗？

追问

额，jquery.js吗？这个有啊

追答

ok，那就是这个$('.main').css('left','l');的问题了
我记得left, right, top, bottom这些属性是需要和position:absolute这个css属性一起使用才能生效的。