离子2:如何并排分开两张桌子

时间:2018-01-04 06:52:43

标签: html css ionic2

我试图将两张桌子并排排列。它即将到来,但它将两张桌子组合如下。如何分开两张桌子

enter image description here

.scss

当我给予保证金完全移动时

.tablediv {
    margin-top: 2.2vw;
    float: left;
    margin-left: 0vw;
    overflow:auto;
  }

html的

  <div *ngFor="let Table of Global_TablePerCard[TablePerCardIndexCounter]">
                   <div class="tablediv">
                    <table class="tablesalign">
                      <thead class="tableheader">
                          <div *ngFor = "let Param of Table; let j=index">
                            <div *ngIf = "j == 0; else elsetag">
                                <th class="col"  *ngFor="let value of Param">
                                    {{value}}
                                </th>
                            </div>
                            <div>
                              <ng-template #elsetag>
                                  <tr>
                                    <td *ngFor="let value of Param">
                                      {{value}}
                                    </td>
                                  </tr>
                              </ng-template>
                            </div>
                      </div>
                    </thead> 
                </table>
              </div>
              </div>

1 个答案:

答案 0 :(得分:0)

使用填充工作正常。

padding: 2px 4px 2px 4px;