材料垂直分隔线未显示

Question

我制作了一个非常简单的程序，因为我想尝试由 angular material 提供的垂直分隔线，但由于某种原因它没有显示出来。 我的代码是：

<div>
  <span>code</span>
</div>
<mat-divider [vertical]="true"></mat-divider>
<div>
  <span>2</span>
</div>

Answer 1

尝试将以下类添加到 .css

.mat-divider-vertical{
  height: 100%;
  width: 0px !important;
  position: inherit !important;
}

并设置 风格=“位置：相对；” 到外部元素以使“100%”工作。

Answer 2

尝试为垂直分隔线添加高度。

<mat-divider vertical style="height:100px"></mat-divider>

堆栈闪电战

https://stackblitz.com/edit/angular-wp9f4j?embed=1&file=app/divider-overview-example.html