html - 如何使md芯片水平溢出？

当超过输入的长度时，md芯片会创建一条新的线。我希望芯片始终保持在一行，输入水平溢出，就像普通文本输入一样。如何做到这一点？这对我不起作用。
不受欢迎的行为形象：
answer

最佳答案

如果您想用纯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 version>=1.1.0完美配合，并且它可以工作，但与angularjs material version>=0.0.9的占位符有问题