用大字体选择我的表格

Question

在我的<table>中，我有ui-select字段，当选择的文本很大时，<td>变得太宽，这粉碎了我所有的表。我尝试将max-width添加到ui-select或ui-select-match，但它不工作。

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

我该如何解决这个问题?(Plnkr例子)

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;

}