相对于内容的位置按钮
麦可
我正在使用角度材质。我需要将FAB按钮固定在内容的底部中心，例如：
这是我尝试过的：
<div>
<md-button class="md-warn">
Remove all
</md-button>
<md-button class="md-primary" style="float:right">
Compare
</md-button>
</div>
</div>
<md-button class="md-fab md-primary" style="position:relative; left:50%; margin-left:-20px; margin-bottom:-27px">
<md-icon style="color:#fff" class="material-icons">add</md-icon>
</md-button>
</div>
输出：
如您所见，REMOVE和COMPARE按钮之间的距离以及内容边框较大，导致包含的FAB按钮的长度。
如何获得预期的输出？
dim0_0n
我认为这里的问题是，您需要将所有三个md-button元素与放在一起layout-align="space-between center"。希望这是您所期望的：http : //codepen.io/anon/pen/dGBjdO
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
相对于指针位置缩放内容
- 2
更改按钮和文本相对于表格的位置
- 3
jQuery-相对于按钮的位置弹出窗口
- 4
相对于窗口的位置
- 5
如何在jQuery中单击按钮时显示相对于按钮位置的div
- 6
使包装div相对于内容的宽度
- 7
相对于上述内容的空格
- 8
修复相对于父级的内容
- 9
绝对相对于div的位置图片
- 10
Kendo Tooltip相对于鼠标位置？
- 11
相对于父元素的位置元素
- 12
相对于父级底部的位置
- 13
相对于父容器的位置元素
- 14
相对于其中心的位置元素
- 15
相对于yOffset位置淡出div
- 16
相对于滚动区域的位置
- 17
相对于父级底部的位置
- 18
网格相对于其父对象的位置
- 19
封面图片相对于文本的位置
- 20
CSS - 相对于响应高度的位置
- 21
HTML 元素相对于屏幕的位置
- 22
相对于底部 + 容器高度的位置
- 23
相对于 HMD 朝向的位置变化
- 24
查找相对于按钮的嵌套范围
- 25
Java打开相对于按钮位置的JFrame（菜单，例如行为）
- 26
jQuery ui selectmenu垂直位置偏移（相对于此行中的按钮）
- 27
当我触摸按钮时，如何获得触摸相对于整个视图的x / y位置？
- 28
Java打开相对于按钮位置的JFrame（菜单，例如行为）
- 29
相对于其他内容定位内容
我来说两句