如何根据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%;
}