Angular material md-chips md-自动完成

Question

添加多个芯片时如何防止输入线膨胀。我试过设置 flex 和 width 但它最终将输入线向下推。我也试过将它设置为绝对，但这完全弄乱了对齐方式。这是正在发生的事情的图片：

Example of md-chip with autocomplete with input box acting weird.

Answer 1

尝试将 max-width、max-height 和 overflow-x: hidden 添加到 CSS 文件中的 md-chips-wrap 标签。

像这样：

md-chips-wrap{
    max-width: 250px;
    max-height: 40px;
    overflow-x: hidden;
}

让我知道你是否可以！

Angular material md-chips md-autocomplete