Angular material 角材料md芯片md自动完成

Angular material 角材料md芯片md自动完成,angular-material,md-autocomplete,md-chip,Angular Material,Md Autocomplete,Md Chip,当您添加多个芯片时,如何防止输入线扩展。我试着设置了弹性和宽度,但它最终将输入行向下推。我也尝试过将其设置为绝对,但这完全打乱了对齐。下面是正在发生的事情的图片: 尝试在CSS文件中添加max width、max height和overflow-x:hidden到md chips wrap标记 大概是这样的: md-chips-wrap{ max-width: 250px; max-height: 40px; overflow-x: hidden; } 让我知道这对你是

当您添加多个芯片时,如何防止输入线扩展。我试着设置了弹性和宽度,但它最终将输入行向下推。我也尝试过将其设置为绝对,但这完全打乱了对齐。下面是正在发生的事情的图片:


尝试在CSS文件中添加
max width
max height
overflow-x:hidden
md chips wrap
标记

大概是这样的:

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

让我知道这对你是否合适

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

大概是这样的:

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

让我知道这对你是否合适

可能重复的感谢我看到了那个例子。我无法在代码笔中看到视图。但有点不同。我正试图阻止输入行形式扩展可能的重复感谢我看到了那个例子。我无法在代码笔中看到视图。但有点不同。我正试图阻止输入线的扩展,虽然它工作正常,但现在我根本看不到芯片。除非我使用滚动条。我想占位符挡住了它,我想当你添加很多芯片时,输入框最终会移动。如果你明白我说的话,它就不会看起来很混乱。我@Patrick lucka,你能帮我回答这个问题吗?谢谢,它工作正常,但现在我看不到芯片了。除非我使用滚动条。我想占位符挡住了它,我想当你添加很多芯片时,输入框最终会移动。如果你明白我说的话,就不会看起来很混乱了我是帕特里克·卢卡,你能帮我回答这个问题吗