如何调整页脚内的组合框？

Question

我在这里有一个带有多个组合框的JS小提琴，但由于某些原因，当我不希望它出现时，我的专栏是最右边的。有关详细信息和上下文，请参阅JS Fiddle。我在Esri ArcGIS JavaScript API应用程序中使用它。 Here is my Fiddle

 <tr>
                    <td><select id="Select1" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFBIBULKYDOMAIN"></td>

                    <td><select id="Select2" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFBIBULKYDOMAIN"></td>

                    <td><select id="Select3" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFBIBULKYDOMAIN"></td>


                    <td><select id="Select4" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFBIBULKYDOMAIN"></td>


                    <td><select id="Select5" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFBIBULKYDOMAIN"></td>
                    </tr>


                    <tr>
                    <td><select id="Select6" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFBIBULKYDOMAIN"></td>

                    <td><select id="Select7" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFBIBULKYDOMAIN"></td>


                    <td><select id="Select8" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFBIBULKYDOMAIN"></td>



                    <td><select id="Select9" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFBIBULKYDOMAIN"></td>


                    <td><select id="Select10" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFBIBULKYDOMAIN"></td>
                    </tr>






                    <tr>
                    <td><select id="cbMFBIBULKYDOMAIN" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFBIBULKYDOMAIN"></td>
                     <td><select id="cbMFEWASTE" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white; onchange="ValidateMFEWASTE"></td>
                     <td><select id="cbWhiteGoodsBulky" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;   onchange="ValidateWhiteGoodsBulky"></td>
                     <td><select id="cbWhiteGoods" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white; onchange="ValidateWhiteGoods"></td>
                     <td><select id="cbEwasteSubType" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateEWASTEMFBIDOMAIN"></td>
                     <td><select id="cbDacDomain" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white; onchange="ValidateDACDOMAIN"></td>
                    </tr>













              <tr>


                    <td><select id="cbMFBIBULKYDOMAIN1" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateMFIBULKYDOMAIN"></td>
                     <td><select id="cbMFEWASTE1" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white; onchange="ValidateMFEWASTE"></td>
                     <td><select id="cbWhiteGoodsBulky1" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;   onchange="ValidateWhiteGoodsBulky1"></td>
                     <td><select id="cbWhiteGoods1" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white; onchange="ValidateWhiteGoods"></td>
                     <td><select id="cbEwasteSubType1" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;  onchange="ValidateEWASTEMFBIDOMAIN"></td>
                     <td><select id="cbDacDomain1" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white; onchange="ValidateDACDOMAIN"></td>
                    </tr>






                    <tr>
                    <td><select id="cbMFBIBULKYDOMAIN2" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;      onchange="ValidateMFIBULKYDOMAIN"></td>                                
                     <td><select id="cbMFEWASTE2" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;       onchange="ValidateMFEWASTE"></td>                        
                     <td><select id="cbWhiteGoodsBulky2" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;      onchange="ValidateWhiteGoodsBulky2"></td>                    
                     <td><select id="cbWhiteGoods2" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;      onchange="ValidateWhiteGoods"></td>                                       
                     <td><select id="cbEwasteSubType2" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;       onchange="ValidateEWASTEMFBIDOMAIN"></td>                                                               
                     <td><select id="cbDacDomain2" dojotype="dijit.form.ComboBox" autocomplete="true" hasdownarrow="true"  style="width: 175px; background-color:Black; font:black;color: white;       onchange="ValidateDACDOMAIN"></td>                                                   
                    </tr>

Answer 1

如果没有获得更多信息，就无法回答，但听起来你不希望前10个盒子堆叠起来，而是像其余的行一样水平。

如果确实存在这个问题，那么表格中就会出现错误，将每个<td>放在一个<tr>下，根据HTML表的性质，这将导致堆叠。

例如，对于前10个框，你有这个：

<tr>
  <td></td>
</tr>
<tr>
  <td></td>
</tr>
<tr>
  <td></td>
</tr>
<tr>
  <td></td>
</tr>
<tr>
  <td></td>
</tr>
<tr>
  <td></td>
</tr>
<tr>
  <td></td>
</tr>
<tr>
  <td></td>
</tr>
<tr>
  <td></td>
</tr>
<tr>
  <td></td>
</tr>

而你需要这个：

<tr>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
</tr>
<tr>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
</tr>