如何在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.

的