플렉스 레이아웃이 md-dialog-actions에서 작동하지 않습니다.

Question

모난 소재를 사용하고있는 버튼 클릭시 모달을 열어야합니다. 어디 오른쪽으로 대화 상자의 하단에 두 개의 버튼이 필요합니다. 필자는 필요에 따라 작동하지 않는 flex를 사용하여 레이아웃을 사용했습니다.

HTML :

간단한 레이아웃 구성의

<md-dialog ng-cloak class="promptIncludeExclude-options"> 
<md-toolbar class="promptIncludeExclude-header"> 
    <div class="md-toolbar-tools"> 
     <span class="title">Product Inclusion Notification</span> 
     <span flex></span> 
     <md-button class="md-icon-button" ng-click="dialogController.closeDialog()"> 
      <span class="close-dialog">&#10005;</span> 
     </md-button> 
    </div> 
</md-toolbar> 
<md-dialog-content> 
</md-dialog-content> 
<md-dialog-actions layout="row"> 
    <div flex="25" flex-offset="25"><md-button ng-click="dialogController.closeDialog()" >Proceed</md-button></div> 
    <div flex="50" flex-offset="20" ><md-button ng-click="dialogController.closeDialog()">Cancel</md-button></div> 
</md-dialog-actions> 

Answer 1

. 당신이 원하는대로 내용을 정렬하는 레이아웃 클래스를 사용

<md-dialog-actions class="layout-row layout-align-end-end"> 
    <md-button ng-click="dialogController.closeDialog()">Proceed</md-button> 
    <md-button ng-click="dialogController.closeDialog()">Cancel</md-button> 
</md-dialog-actions> 

을 그것은이 장난 일이 무엇인지 확인 div의 내부에 버튼을 배치하고 그들에게 플렉스 폭을 제공 필요는 없습니다 오프셋 (offset), 및 위해 ...