0

ページの解像度に応じて、Web ページの中央にコントロールを配置しようとしています。

左のプロパティを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 ;

しかし、これは Web ページには反映されません。

また、左のプロパティ値を計算せずに単純に追加してみました

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

しかし、役に立たない。インライン 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 に答える