【问题标题】:Angular material md-chips md-autocomplete角材料 md-chips md-autocomplete
【发布时间】:2016-11-18 23:04:08
【问题描述】:

添加多个芯片时如何防止输入行扩展。我已经尝试设置 flex 和 width 但它最终将输入线向下推。我也尝试将其设置为绝对,但这完全搞砸了对齐方式。这是正在发生的事情的图片:

Example of md-chip with autocomplete with input box acting weird.

【问题讨论】:

  • 谢谢我看到了那个例子。我无法在代码笔中看到视图。但它略有不同。我试图阻止输入行表单扩展

标签: angular-material md-autocomplete md-chip


【解决方案1】:

尝试在您的 CSS 文件中将 max-widthmax-heightoverflow-x: hidden 添加到 md-chips-wrap 标记。

类似这样的:

md-chips-wrap{
    max-width: 250px;
    max-height: 40px;
    overflow-x: hidden;
}

如果你觉得合适,请告诉我!

【讨论】:

  • 感谢它工作正常,但现在我根本看不到芯片。除非我使用滚动条。我认为占位符正在阻止它我猜当您添加大量筹码时输入框最终必须移动。如果你明白我的意思,它不应该看起来很乱
  • 嗨@Patricklucka 你能帮我解决这个问题stackoverflow.com/q/41509407/6480245
猜你喜欢
  • 2017-08-11
  • 1970-01-01
  • 1970-01-01
  • 2017-11-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-06-01
  • 2017-08-20
相关资源
最近更新 更多