如何让md-chips水平溢出？

Question

当超过输入的长度时，md-chips 会创建一个新行。我希望芯片始终在一行中继续，并且输入像普通文本输入一样水平溢出。如何做到这一点？对我不起作用。

不良行为图片：

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 版本 >= 1.1.0 完美配合，并且可以正常工作，但会angularjs-material 版本 >= 0.0.9

的占位符有问题

如何让md-chips水平溢出？

How to make md-chips overflow horizontally?

html

css

md-chip

angularjs-material