當你添加多個芯片時,如何防止輸入行擴展。我試過設置柔性和寬度,但它最終向下推輸入線。我也嘗試將其設置爲絕對,但是這完全搞砸了對齊。這是發生了什麼事的圖片:角度材料md-chips md-autocomplete
Example of md-chip with autocomplete with input box acting weird.
當你添加多個芯片時,如何防止輸入行擴展。我試過設置柔性和寬度,但它最終向下推輸入線。我也嘗試將其設置爲絕對,但是這完全搞砸了對齊。這是發生了什麼事的圖片:角度材料md-chips md-autocomplete
Example of md-chip with autocomplete with input box acting weird.
嘗試添加max-width
,max-height
和overflow-x: hidden
到md-chips-wrap
標籤在你的CSS文件。
事情是這樣的:
md-chips-wrap{
max-width: 250px;
max-height: 40px;
overflow-x: hidden;
}
讓我知道,如果它是確定爲您服務!
[如何在行中使用md-chips]可能的重複(http://stackoverflow.com/questions/35353358/how-to-use-md-chips-in-line) –
謝謝,我看到了這個例子。我無法在代碼筆中看到視圖。但它有點不同。我試圖阻止輸入線形式擴展 – Flash