垂直堆叠md芯片，同时保持输入在顶部

Question

我一直在试用由角度提供的md-chips并且一直试图将它们垂直堆叠。我看了演示，也看了这个答案：

Stack md-chips vertically angularjs

该答案的问题在于，随着更多芯片的添加，输入字段不断移动。我希望将输入字段保持在顶部，同时在输入字段下方堆叠芯片。有没有办法可以通过改变css的任何方面或在那里有另一个输入字段或者md-chips不允许这样做？

Answer 1

您提到的答案几乎相同，但容器$[]。

float: none;

CSS位于md-chip { clear: left; } .md-chip-input-container { float: none; } 代码中，因为需要在样式表后加载

<style>

angular
  .module('MyApp', ['ngMaterial'])
  .controller('demoCtrl', function($scope) {

    $scope.myChips = ['AAA', 'BBB', 'CCC'];
  });