Question

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

我将在css类中分配它的左侧属性并将其添加如下 - 样式类 -

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

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

这工作得非常好。但是我没有硬编码左边属性的像素值，而是根据分辨率动态分配它。我正在做的事情如下所示

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

css内联的左属性

1 个答案: