图片如何在VBOX布局下居中显示

Gnid

想在点击BUTTON弹出的WINDOW窗口中居中显示一个图片，水平方向和垂直方向都要居中。

1. <f:Panel ID="Panel1" runat="server" ShowBorder="false" ShowHeader="false" BoxFlex="1" Layout="VBox" BoxConfigAlign="Center" BoxConfigPosition="Center">
   
2.             <Items>
   
3.                 <f:Image ID="imgPreview" runat="server" ImageUrl="~/111.jpg"></f:Image>
   
4.             </Items>
   
5.         </f:Panel>

复制代码

项目运行后，第一次点击BUTTON弹出窗口，图片明显不是水平和垂直居中，如下图：



这时如果关闭WINDOW，然后再点击BUTTON打开窗口，显示就正常了，如下图：



经测试，FF、CHROME、IE都存在这样的问题，不知道是BUG，还是我的代码有问题。

Gnid

非常感谢三石兄。