angular-material - 如何自定义 mdToast(居中)

Angular Material mdToast 服务文档显示位置可以是 'bottom', 'left', 'top', 'right', 'fit' 的任意组合。
如何自定义 toast 以显示在 'top center' 位置？
这个 'fit' 选项是做什么用的？将演示代码更改为下面没有帮助

 $mdToast.simple()
        .content('Simple Toast!')
        .position('fit')
        .hideDelay(3000)

最佳答案

如果您想将 toast 居中，只需添加

md-toast.md-top {
    left: 50%;
    margin-left: -150px;
}

到您的 CSS，一切就绪。 -150 是我 toast 宽度的一半

关于angular-material - 如何自定义 mdToast(居中)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33413915/