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

ui-select with big text crushing my table

在我的 <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)

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

.ui-select {
  width: 100px;
}

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

这里是 Plunker code.

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

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

}