我一直在努力使同一离子视图3组件（可能是按钮，图像等）具有不同的垂直对齐方式（一个顶部，一个中间和一个底部）。
这是我尝试过的codepen示例：http://codepen.io/anon/pen/xgYQxO您可以看到我尝试在单个离子视图中设置3个按钮，并以不同的方式垂直对齐它们，但是看起来按钮始终与顶部对齐。
我怎样才能做到这一点？我想念什么？谢谢。
您需要为按钮设置绝对位置，并为其设置相应的缩进：
.scroll {
height: 100%;
text-align: center;
}
.button-bottom {
position: absolute !important;
bottom: 0;
}
.button-middle {
position: absolute !important;
top: 50%;
transform: translateY(-50%);
}
.button-top {
position: absolute !important;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句