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/

相关文章:

css - 如何阻止 md-cards 将图像拉伸(stretch)到完全垂直高度?

css - 为 mat-card 提供自定义边框

angular - Material 2 日期选择器与日期模式验证器冲突

angular - 将扩展面板添加到 Angular Material 表内的行

angular - 如何在 Angular 6 中的点击事件中在 matInput 元素上设置自动对焦?

java - Selenium webdriver - 在 Angular/Material 设计网站上拖放

Angular Material sidenav悬停

angular - 如何使用 mat-autocomplete 完全重置 mat-input

angular - Material Angular - 编译错误 - 类 'MatStepper' 错误地扩展了基类 'CdkStepper'

angular - 如何重置垫表过滤器谓词?