css的左屬性inline

Question

Iam嘗試根據頁面的分辨率將控件置於網頁的中心。

left屬性我在CSS類分配給它並將其添加如下 - 風格講座

.PanelStyle 
{ 
    left:100px; 
    top:120px; 
    border:2px solid #CCC; 
    border-radius: 4px 4px 0 0; 
} 

oPanel.addStyleClass("PanelStyle");//oPanel is my control. 

這是工作完美fine.But而不是硬編碼的財產留給我的像素值要動態分配給它，這取決於我在做類似下面

var leftoffset = Math.floor($(window).width()-400)/2+ "px";//400 is my control width 
leftoffset = leftoffset.toString(); 
oPanel.style.left=leftoffset ; 

分辨率。對於但這並沒有反映在網頁中。

我也試圖簡單地增加左屬性值，而不計算像

oPanel.style.cssText="left : 100px";   

，但沒有用。 請告訴我爲什麼內聯object.style.left/object.style.cssText = cssString在這裏不起作用？

Answer 1

嘗試這樣的：

$(oPanel).css("left",Math.floor($(window).width()-400)/2+"px"); 

，或者'400'是你控制的width，則：

$(oPanel).css("left",Math.floor($(window).width()-$(oPanel).width())/2+"px");