Question

这是我的组件，这里我有按钮并包含另一个组件，其中还包含按钮。如何将两个按钮设置为彼此相邻。从这个组件的按钮，我尝试使用位置绝对和右，顶部但是当窗口调整大小时是不好的方法。

<div md-dialog-content>
  <div class="section-top">
    <p id="title" style="float:left;">Adding document</p>
    <div md-dialog-actions style="float:right;">
      <button class="edm-button" md-button (click)="onNoClick()" tabindex="-1">Cancel</button>
    </div>
  </div>
  <div>
    <app-document-data></app-document-data>
  </div>
</div>

Answer 1

你很难读，但我想我明白了。

您可以使用flex layout：

<div md-dialog-content>
  <div style="display: flex; flex-direction: row;flex-wrap: nowrap;justify-content: center;">
    <p id="title">Adding document</p>
      <div md-dialog-actions>
        <button class="edm-button" md-button (click)="onNoClick()" tabindex="-1">Cancel</button>
      </div>
    </div>
    <div>
      <app-document-data></app-document-data>
    </div>
  </div>

不同的组成元素

1 个答案: