如何調整頁腳內的組合框？

Question

我有一個JS提琴這裏有多個組合框，但由於某種原因，當我不希望它是我的列是最右邊。有關詳細信息和上下文，請參閱JS小提琴。我在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>