我正在使用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