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

Question

我知道 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>

应该有一个垂直分隔线

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

Answer 1

你可以试试这样的：

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

在css中

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