微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决当使用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
吗?     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。