ui-select 大文字压垮了我的 table

Question

在我的 <table> 中，我有 ui-select 字段，当 selected 文本很大时 <td> 变得太宽了，会压碎所有我的 table。我尝试将 max-width 添加到 ui-select 或 ui-select-match 但它不起作用。

ui-select {
  max-width: 10%;
}

ui-select-match {
  max-width: 10%;
}

我该如何解决这个问题？ (Plnkr example)

Answer 1

在最后的html输出ui-select和ui-select-match 将生成为类。所以使用下面的代码来获得想要的输出。

.ui-select {
  width: 100px;
}

.ui-select-match {
  width: 100px;
}

Answer 2

将打击代码提供给 CSS 样式。这对我有用。

table { 
table-layout:fixed; width:400px;

}

ui-select with big text crushing my table