用大文字选择ui-crushing我的桌子

Question

在我的<table>我有ui-select字段，当选中的文字很大<td>变得过宽而且粉碎了我的所有桌子。我尝试将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;
}

这是Plunker code。

Answer 2

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

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

}