使用md-list - 未正确对齐

时间:2017-01-25 11:35:46

标签: angularjs angular-material

我正在使用md-list运行问题。

当我第一次访问该页面时,它看起来像这样:Bad aligned image

这是非常微妙但是"时间"并不与下面的md卡对齐。

一旦我使用"调整大小箭头"在Chrome上它可以正常工作,如下所示:Good aligned Image

我尝试过很多东西,但我不知道可能是什么问题。我将不胜感激任何帮助!谢谢!

以下是我的代码:

  div#Time(layout="column"  flex="100" layout-align="center center")
   h1 Time
   md-list(flex="100" layout-wrap layout="column" layout-gt-sm="row" layout-align="space-around center")
     md-list-item(ng-repeat="pessoa in $ctrl.listaPessoas")
       md-card(layout="column" flex-gt-sm="100")
        img.md-card-image(ng-src="{{pessoa.img}}")
        md-card-title(layout="column")
          md-card-title-text(flex="100" layout="column" layout-align="center center")
            h3 {{pessoa.nome}}
        md-card-actions(layout="row" layout-align="center center")
          a(target='_blank' href='{{pessoa.twitter}}')
            md-button.md-icon-button(aria-label="twitter button")
              i.fa.fa-twitter
          a(target='_blank' href='{{pessoa.linkedin}}')
            md-button.md-icon-button(aria-label="linkedin button")
            i.fa.fa-linkedin

0 个答案:

没有答案