jQuery UI自动完成（Combobox）按钮对齐
我有一个表格形式的jQuery UI自动完成组合框（http://jqueryui.com/autocomplete/#combobox）。
<tbody>
<tr>
<td><select id="someSelect"><option....></select></td>
<td>....</td>
<td>....</td>{*n}
</tr>
</tbody>
<script>
$('select#someSelect').combobox();
</script>
每行得到不超过6个TD元素，包括组合框。
问题是，当窗口大小动态改变其内容大小时，输入框旁边的按钮会移动到输入框。
在选择框中调用.combobox（）之后：
<td>
<select name="select1" id="ma1" style="display: none;">
<option value="0">Select Attribute</option>
<option value="ContactFirstName">ContactFirstName</option>
</select>
<input class="ui-autocomplete-input ui-widget ui-widget-content ui-corner-left" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
<button type="button" tabindex="-1" title="Show All Items" class="ui-button ui-widget ui-state-default ui-button-icon-only ui-corner-right ui-button-icon" role="button" aria-disabled="false">
<span class="ui-button-icon-primary ui-icon ui-icon-triangle-1-s"></span>
<span class="ui-button-text"></span>
</button>
</td>
如果我水平缩小窗口，则输入字段旁边的按钮位于文本框下方。
无论窗口大小是多少，我如何强制输入框旁边的按钮条？
做到这一点的方法是强制容器元素（在这种情况下，可能是一个标签）始终足够宽以容纳组合框和按钮。 因此，无论宽度如何，都应该是容器元素的最小宽度值。 因此，如果组合框的宽度是200px，按钮宽度是100px（这是假设没有边距的第二个假设），那么父容器应该有min-width：300px;
链接地址: http://www.djcxy.com/p/68595.html