zoukankan      html  css  js  c++  java
  • FineUI第十三天---`列布局

    这是经典的列布局:

     1  <x:PageManager runat="server"></x:PageManager>
     2         <x:Panel runat="server" Height="350px" Width="750px" Layout="Column" BodyPadding="5px">
     3             <Items>
     4                 <x:Panel runat="server" ColumnWidth="50%" CssClass="colum" ShowBorder="false" ShowHeader="false">
     5                     <Items> 
     6                      <x:Panel runat="server" Height="150px" CssClass="rowpanel"></x:Panel>
     7                 <x:Panel Height="100px" CssClass="rowpanel" runat="server"></x:Panel>
     8                     </Items>
     9                 </x:Panel>
    10                 <x:Panel runat="server" ColumnWidth="50%" ShowBorder="false" ShowHeader="false">
    11                     <Items>
    12                      <x:Panel runat="server" Height="100px" CssClass="rowpanel"></x:Panel>
    13                  <x:Panel Height="150px" runat="server" CssClass="rowpanel"></x:Panel></Items>
    14                 </x:Panel>
    15             </Items>
    16         </x:Panel>

    17     </form> 

    注意: 

     1.父容器:Layout属性为Column;

     2.子容器:设置width或者ColumnWidth属性来设置宽度

    每一列之间有间隙:

     

    每列可能有多个容器:

  • 相关阅读:
    Java.io.outputstream.PrintStream:打印流
    Codeforces 732F. Tourist Reform (Tarjan缩点)
    退役了
    POJ 3281 Dining (最大流)
    Light oj 1233
    Light oj 1125
    HDU 5521 Meeting (最短路)
    Light oj 1095
    Light oj 1044
    HDU 3549 Flow Problem (dinic模版 && isap模版)
  • 原文地址:https://www.cnblogs.com/duyao/p/4208755.html
Copyright © 2011-2022 走看看