html - ionic 2 : how to seperate two tables side by side

Question

我正在尝试并排对齐两个表格。它即将到来，但它会将两个表格组合如下。如何分隔两个表格

.scss

当我给 margin left 完全移动时

.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>

Answer 1

填充效果很好。

padding: 2px 4px 2px 4px;