不同的組件元素

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>