如何根据flex-layout获取md-divider

Posted 2021-04-13

我知道md-divider用于md-list但我想在flex-layout中使用它

例如：

<div layout="row" layout-wrap>
  <div flex="100"></div>
  <md-divider></md-divider>
  <div flex="100"><div>
</div>

应该得到两个div之间的水平分隔线和另一个案例

<div layout="row" layout-wrap>
  <div flex="50"></div>
  <md-divider></md-divider>
  <div flex="50"><div>
</div>

应该得到一个垂直分隔线

我怎样才能实现这一点，任何帮助表示赞赏。谢谢。

答案

你可以尝试这样的事情：

<md-divider class="vertical-divider"></md-divider>

并在css

.vertical-divider {
    border-top: 0;
    border-right: 1px solid grey;
    height: 100%;
}