2011-12-28 119 views
0

我认为我做错了什么。 我的意思是,我试图做一个函数来根据屏幕宽度居中一个div。居中取决于屏幕宽度

cabecera是我试图利用左边的位置居中的div

通过这个思路我的代码开始:

兆瓦--->的div最小宽度

MG0 - >左边距+右边距(两者的值相同)

$(window).width = mg0 + mw = m + m + mw 

这是我的代码。

function calc_margen() { 
    var mw = 1000; 
    var mpw = $(window).width(); 
    var mg0 = mpw - mw; 
    var m = mg0/2; 
    $('#cabecera').left(m); 
    $('#pie').left (m); 
}; 
+5

你有没有用CSS来做到这一点的能力吗? jQuery甚至没有必要。 – Purag 2011-12-28 21:52:20

+1

看看这里:http://stackoverflow.com/questions/210717/using-jquery-to-center-a-div-on-the-screen – 2011-12-28 21:56:10

回答

2

CSS:

#cabecera { 
    width: 1000px; 
    margin: 0 auto; 
} 

或者jQuery中:

$('#cabecera').css({width: 1000, margin: '0 auto'}); 
+0

为居中顶部? – 7thkernel 2012-01-02 19:31:24

+0

这仅仅是针对你提到的问题的左右对齐,如果你正在寻找中心顶端,请看你的问题中Garrett Vlieger的链接。 – 2012-01-02 19:36:35