如何在DropDownList中創建兩列？

Question

我在DropDownList中有兩列。所以，我用這個代碼：

<select name="dd1New" id="ddlNew2"> 
    <option class="rightddl">1</option> 
    <option class="leftddl">2</option> 
</select> 

這CSS代碼：

.leftddl 
{ 
width: 50px; 
height: 100px; 
background-color:#0000ff; 
float: left; 
} 

.rightddl 
{ 
width: 50px; 
height: 100px; 
background-color:#00ff00; 
float: right; 
} 

它不工作。

這：

<select name="dd1New" id="ddlNew2"> 
    <div class="rightddl"> 
     <option>1</option> 
    </div> 
    <div class="rightddl"> 
     <option>2</option> 
    </div> 
</select> 

此外，該代碼不起作用

Answer 1

您可以在CSS中使用的列設置。

.rightddl{ 
column-count:2; 
-moz-column-count:2; 
-webkit-column-count:2; 
} 

you can find more information on this link.

的