2

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

不良行为的图像： 在此处输入图像描述

4

1 回答 1

3

如果你想用纯 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的占位符上会出现问题

于 2017-11-08T00:59:06.467 回答