2016-11-17 88 views
0

当你添加多个芯片时,如何防止输入行扩展。我试过设置柔性和宽度,但它最终向下推输入线。我也尝试将其设置为绝对,但是这完全搞砸了对齐。这是发生了什么事的图片:角度材料md-chips md-autocomplete

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

+0

[如何在行中使用md-chips]可能的重复(http://stackoverflow.com/questions/35353358/how-to-use-md-chips-in-line) –

+0

谢谢,我看到了这个例子。我无法在代码笔中看到视图。但它有点不同。我试图阻止输入线形式扩展 – Flash

回答

2

尝试添加max-widthmax-heightoverflow-x: hiddenmd-chips-wrap标签在你的CSS文件。

事情是这样的:

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

让我知道,如果它是确定为您服务!

+0

谢谢它工作正常,但现在我可以'看到芯片。除非我使用滚动条。我认为占位符阻止了它,我想输入框必须在添加大量芯片后最终移动。它只是不应该看起来很杂乱,如果你得到我在说什么 – Flash

+0

嗨@帕特里克幸运你能帮我这个问题http://stackoverflow.com/q/41509407/6480245 – Flash