如何将 Angular Material mdAutoComplete 与一行中的其他组件对齐？
how to align Angular Material mdAutoComplete with other components in a row?
我正在使用 Angular material 1.1.0 和 Angular 1.5。我正在尝试在 multi-select 输入旁边放置一个自动完成，其中一行将对齐定义为 layout-align="start center"，但元素未对齐。这是 pen，其中 黄色 div 显示了问题。
在笔的底部 css 有一个注释样式，可以通过删除元素创建的用于显示错误输出的额外 space 来解决问题。但这使得自动完成加载栏不合适。
我可以简单地将元素对齐为 white div as layout-align="start start" 但这会在组件之间留下太多 space 如图所示在示例中。
有解决办法吗？
使用下面的CSS - CodePen
CSS
#myAutocomplete {
height: 85px;
}
标记
<md-autocomplete ... id="myAutocomplete">
我正在使用 Angular material 1.1.0 和 Angular 1.5。我正在尝试在 multi-select 输入旁边放置一个自动完成，其中一行将对齐定义为 layout-align="start center"，但元素未对齐。这是 pen，其中 黄色 div 显示了问题。
在笔的底部 css 有一个注释样式，可以通过删除元素创建的用于显示错误输出的额外 space 来解决问题。但这使得自动完成加载栏不合适。
我可以简单地将元素对齐为 white div as layout-align="start start" 但这会在组件之间留下太多 space 如图所示在示例中。
有解决办法吗？
使用下面的CSS - CodePen
CSS
#myAutocomplete {
height: 85px;
}
标记
<md-autocomplete ... id="myAutocomplete">