如何使md-chips水平溢出？

Question

当超过输入长度时，md-chips会创建一个新行。我希望芯片能够始终在一条线上继续，输入水平溢出，就像普通的文本输入一样。怎么做到这一点？这answer对我不起作用。

不良行为的图片：

Answer 1

如果你想用纯css溢出芯片，你可以执行以下操作：（PLUNKER）

<强> HTML

<md-chips class="chips-overflow" placeholder="Enter an animal..."></md-chips>

<强> CSS

.chips-overflow .md-chips {
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
}

.chips-overflow .md-chips md-chip, 
.chips-overflow .md-chips .md-chip-input-container {
  display: inline-block;
  float: none;
}

** 这将与 angularjs-material版本＆gt; = 1.1.0 完美配合，并且它可以使用 angularjs-material version＆gt;的占位符有问题= 0.0.9