当使用mulipleselect选项放在JQuery Mobile中的表中时,select菜单会变得更大

问题描述

|| 我正在使用带有“多个”选择选项的“选择”菜单,并将其放置在表行的td内。每次当从选择菜单中选择更多项目时,并且当选择菜单不能容纳所选项目的名称而不是将文本截断时,选择菜单的大小都会变大。当控件仅放在div容器而不是表td中时,不会出现此问题。
 <table  style=\"width: 100%;top:50%\">
 <tr > 
 <td  Nowrap><label id=\"lblUserName\" class=ui-label-criteria>Length:</label></td>
  <td width=50px> 
      <select name=\"select-choice-4\" id=\"idLength\" multiple=\"multiple data-native-menu=\"true\" class=ui-field-criteria\">
        <option value=\"standard\">Standard: 7 day</option>
        <option value=\"rush\">rush: 3 days</option>
        <option value=\"express\">Express: next day</option>
        <option value=\"overnight\">Overnight</option>
        <option>Choose options</option>
        </select>
    </td>
  </tr>

 </table >
    

解决方法

        您可以仅在选择框上使用样式属性
overflow: hidden
吗?