ui選擇與大文本粉碎我的表

Question

在我的<table>我有ui選擇字段，並且當選定的文本是大<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選和 UI選匹配將如類生成

。所以使用下面的代碼來獲得期望的輸出。

.ui-select { 
    width: 100px; 
} 

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

這裏是Plunker code。

Answer 2

向CSS樣式饋送代碼。這對我有用。

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

}