【发布时间】:2016-04-09 07:01:51
【问题描述】:
我想设置 md-toast 的高度,但是当我以内联样式设置高度时,它只会提高 toast 渲染位置的底部,并且不会影响 toast 容器的实际高度。
我已经厌倦了:
<md-toast style="height:100px;">
【问题讨论】:
标签: css angularjs height angular-material toast
我想设置 md-toast 的高度,但是当我以内联样式设置高度时,它只会提高 toast 渲染位置的底部,并且不会影响 toast 容器的实际高度。
我已经厌倦了:
<md-toast style="height:100px;">
【问题讨论】:
标签: css angularjs height angular-material toast
模板添加了一个不受父 md-toast 高度影响的额外 div。
在 css 文件中添加这个覆盖可以修复它(至少在 Chrome 中):
md-toast .md-toast-content {
height: 100% !important;
}
【讨论】:
这是因为您与 md-toast 相关的代码在 ng-template 中。由于这些是模板,因此您可以直接在 html 代码中使用它们。一旦你这样做了,问题就解决了。我已经修改了你的代码。这是 [plunk][1]:
[1]: http://plnkr.co/edit/nkuSGf?p=preview
【讨论】: