使用Angular Material，是否可以在同一行中将一个按钮左对齐，将另一个按钮右对齐？
蒂亚戈
layout-align属性使用两个词。第一个字说明子级将如何在布局方向上对齐，第二个字说明子级将如何垂直于布局方向对齐。
我用它来创建按钮部分，您可以在下图中看到它：
使用以下代码：
<section layout="row" layout-sm="column" layout-align="end center" layout-wrap>
<md-button class="md-primary">Submit</md-button>
<md-button class="md-warn">Cancel</md-button>
<md-button class="md-warn">Delete Boundary Partner Type</md-button>
</section>
但是，我希望Submit按钮向左对齐，而所有其他按钮都向右对齐。使用Angular Material是否有正确的方法，还是只需要创建自己的样式？
萨耶塔兰
你可以用的帮助下这样做div和layout-align，这里是代码：
<section layout="row" layout-sm="column" layout-align="end center" layout-wrap>
<div layout="row" layout-align="start center" flex>
<md-button class="md-primary">Submit</md-button>
<span flex></span>
</div>
<md-button class="md-warn">Cancel</md-button>
<md-button class="md-warn">Delete Boundary Partner Type</md-button>
</section>
和一个工作Plunker。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用Flexbox将一个元素向左对齐，将另一个元素从右下方对齐
- 2
使用Javascript将一个按钮的功能替换为另一个按钮的功能
- 3
Python GTK：使用另一个按钮将一个按钮添加到GUI
- 4
如何使用另一个按钮启用/禁用一个按钮？
- 5
Angular 表单上的另一个按钮
- 6
iOS：如何使用自动版式将视图的中心与另一个视图的底部对齐
- 7
CSS以不同的方式对齐表行而不使用另一个表
- 8
故事板：使用自动布局约束将自定义UIView中的按钮与父UIView中的另一个按钮对齐？
- 9
是否可以在同一行中一个接一个地使用cin和getline？
- 10
是否可以在同一查询中使用另一个表中的值？
- 11
使用片段按钮打开另一个活动
- 12
使用片段按钮打开另一个活动
- 13
如何使用按钮链接另一个页面？
- 14
使用jquery将值从一行传递到另一个JSP
- 15
使用php将第一行从csv移动到另一个
- 16
如何使用一个按钮将值插入表并在另一个表中更新值？
- 17
使用按钮将TextField的值从一个类获取到另一个类
- 18
使用按钮将信息从一个Excel工作表发送到另一个
- 19
如何使用JQuery将项目/按钮从一个div移动到另一个？
- 20
如何使用按钮将元素从一个表显示到另一个表？
- 21
如何使用按钮onclick隐藏一个div并显示另一个div？
- 22
使用单个按钮从另一个Jlist填充一个Jlist
- 23
Android的一个按钮共享另一个Java使用
- 24
如何在单击angular / javascript中的按钮时将数组的特定键值一个接一个地推入另一个数组
- 25
如何在单击另一个按钮时单击一个按钮 angular 2？
- 26
在一行中使用flexbox，左对齐和右对齐元素
- 27
使用按钮将值复制到另一个输入
- 28
使用按钮将页面路由到另一个（React）
- 29
使用属性将单选按钮的值传递给另一个表单
我来说两句