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