0

我试图根据页面的分辨率将控件放置在网页的中心。

左边的属性我在一个css类中分配它并添加它如下-样式类-

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

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

这工作得很好。但是我不想硬编码 left 属性的像素值，而是想根据分辨率动态分配它。为此我正在做类似下面的事情

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";

但没有用。请告诉我为什么 inline object.style.left/object.style.cssText=cssString 在这里不起作用？

4

1 回答 1

0

试试这样：

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

或者如果'400'是您的控件width，则：

$(oPanel).css("left",Math.floor($(window).width()-$(oPanel).width())/2+"px");
于 2012-05-21T07:59:33.580 回答