Question

<s:form id="inputThresholdForm" name="inputThresholdForm"
        theme="simple">

    <table border="0" class="display-table" cellspacing="2"
           cellpadding="2" height="100%" width="100%">
        <tr>
            <td colspan="50%"><label>Select TSP:</label></td>
            <td colspan="50%;">
                <select id="selectTspDropDown" onchange="enableSubmitButton(this.value)">
                    <option value="-1">Select TSP</option>
                </select></td>

        </tr>

因此我有一个表格，里面有一个表格，其第一行和第二列有一个下拉列表。下拉列表充满了AJAX调用。因此，数据填充下拉列表的宽度很大，因此它向左扩展。我希望它在右边扩展。

如何做到这一点？

Answer 1

它可以但不是你希望的那样。

目前你有两个50％的宽度 - 这个问题就是你的浏览器的布局引擎说'嘿先生程序员 - 你有点傻了，告诉我把数据放到一个表格单元格中还不够大，现在我的意见是桌子大小合适，所以我会把这个栏子做得更宽，以弥补这个错误。“

要解决问题，请在左栏设置固定宽度（选择TSP：标签） - 但这仍然不理想，因为您仍在强制浏览器决定如何进行布局。

最好将下拉列表的最大宽度设置为100％（相对于它所在的表格单元格） - 然后您的布局不会中断。 - 通过这种方式，您可以将色谱柱保持在50％50％并保持外观。

下拉对齐问题？

1 个答案: