javascript - 不同的组成元素

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

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

最佳答案

您很难阅读，但我想我明白您的意思。

您可以使用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>

关于javascript - 不同的组成元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46155994/