1

我应该建一个 6 列的表，我做不到，当我建了 2 个 3 列的表但我不能并排放置它们时，我是一个在另一个之下。我能怎么做？

样式：

<style>
  /*Set 3.colum grid*/
     .ui-grid-b .grid1{
     width=50%;
     align="left";
     }
     .ui-grid-b .grid2{
      width=50%
      align="rigth";
     }   
 </style>

编码：

  <div class="ui-grid-b" id="grid1">
        <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
        <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
        <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
        <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
        <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
        <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
        </div><!-- /grid-b  -->

        <div class="ui-grid-b" id="grid2">
        <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
        <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
        <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
        <div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
        <div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
        <div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
        </div><!-- /grid-b -->

 </div>
4

1 回答 1

2

创建两个主梁ui-grid-a。在每个内部，添加两个块ui-block-aand ui-block-b，每个都应该容纳ui-grid-b及其子ui-block-a,ui-block-b和ui-block-c。

另外，使用下面的而不是内联样式

.ui-block-a  > div.ui-bar, .ui-block-b  > div.ui-bar, .ui-block-c > div.ui-bar {
  height: 120px !important
}

演示

于 2013-06-14T09:33:18.493 回答