다른 구성 요소

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>