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