css - 对齐下拉菜单和输入

Question

我对 css 和 ng2-completer 有疑问。我尝试对齐下拉部分和输入。演示页面上没有使用 css 聚焦元素的示例，当我尝试选择类 .completer-dropdown-holder 时，我没有结果。

Answer 1

不确定这是否是最好的解决方案，但使用 display flex 对我来说很好。

.completer-dropdown-holder {
  display: flex;
  justify-content: center;
}

Answer 2

我相信您可以覆盖选项的类并设置 left 属性。我认为类名是 mat-option 但您可以通过开发工具检查元素来仔细检查。希望这可以帮助。