2016-11-17 87 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