柔性布局不与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一起工作

回答

相关问题