柔性佈局不與md-dialog-actions一起工作

我需要打開一個模式按鈕點擊爲我使用角材料。其中我需要在右側對話框底部的兩個按鈕。我使用了flex的佈局，它不按需要工作。柔性佈局不與md-dialog-actions一起工作

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>

來源

2016-11-30 Shikha thakur

http://stackoverflow.com/help/mcve –

請解釋你的意思是什麼是需要和張貼相關的CSS。現在回答你的問題是不可能的。 – chazsolo

您是否可以添加更多關於您的要求的信息？謝謝。 – Georgy

這是一個簡單的佈局配置。使用佈局類對齊內容，只要你想：

<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的按鈕，並給他們撓寬度和偏移，而且可以肯定這是什麼東西搞亂...

來源

2016-12-06 16:08:42 Vi100

謝謝你，這個信息。對於信息：'md-dialog-content'是相同的'**不工作**，只是使用元素'

<..>

'，**與類名稱它很好地工作** – maliness

柔性佈局不與md-dialog-actions一起工作

回答

相關問題