如何将Angular Material mdAutoComplete与行中的其他组件对齐?

时间:2016-08-28 22:54:47

标签: css angularjs angular-material

我正在使用 Angular资料1.1.0 Angular 1.5 。我试图在多选输入旁边放置一个自动完成,其中一行将对齐定义为layout-align="start center"但元素未对齐。这是pen黄色div 显示问题。

在笔的底部有一个注释样式,可以通过删除元素创建的额外空间来显示错误输出来解决问题。但这会使自动完成加载栏不合适。

我可以简单地将元素作为 white div layout-align="start start"对齐,但这会在组件之间留下太多空间,如示例所示。

有解决方法吗?

1 个答案:

答案 0 :(得分:0)

使用下面的CSS - CodePen

CSS

#myAutocomplete {
  height: 85px;
}

标记

<md-autocomplete ... id="myAutocomplete">