不同的组成元素

Question

这是我的组件，这里我有按钮，包括另一个也包含按钮的组件。如何将两个按钮设置为彼此相邻。来自该组件的按钮，我尝试使用位置绝对和右，顶部但是当 window 调整大小时是不好的方法。

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