请教一个 HBox 布局下的问题？

LiHN

求教大家
如何实现 一个Panel（Layout="HBox"）其中三个子Panel
我希望三个子Panel 在屏幕中居中（BoxConfigPosition="Center"）
并且子Panel随着浏览器窗口大小的改变而变
但是以下代码为何实现不了呢？

1. <x:Panel ID="Panel2" EnableBackgroundColor="true" runat="server" ShowBorder="true" Width="700px"
   
2.                 Height="480px" ShowHeader="false" Layout="HBox" BoxConfigAlign="Stretch" BoxConfigChildMargin="0 15 0 0"
   
3.                 BoxConfigPadding="15px" BoxConfigPosition="Center">
   
4.                 <Items>
   
5.                     <%--2.1--%>
   
6.                     <x:Panel ID="Panel3" runat="server" ShowBorder="true"
   
7.                         ShowHeader="false" BoxFlex="1" BodyPadding="15px">
   
8.                         <Items>
   
9.                         </Items>
   
10.                     </x:Panel>
    
11.                     <%--2.2--%>
    
12.                     <x:Panel ID="Panel4"  runat="server" ShowBorder="true"
    
13.                         ShowHeader="false" BodyPadding="15px" BoxFlex="1">
    
14.                         <Items>
    
15.                         </Items>
    
16.                     </x:Panel>
    
17.                      <%--2.3--%>
    
18.                     <x:Panel ID="Panel5" runat="server" ShowBorder="true"
    
19.                         ShowHeader="false" BoxFlex="1" BodyPadding="15px">
    
20.                         <Items>
    
21.                         </Items>
    
22.                     </x:Panel>
    
23.                 </Items>
    
24.             </x:Panel>

复制代码

如果想实现我所要的效果
得如何修改呢？