如何水平对齐两个div？

小编典典

如何水平对齐两个div？

html

我需要将两个div彼此对齐，以便每个都包含一个标题和一个项目列表，类似于：

<div>
    <span>source list</span>
    <select size="10">
        <option />
        <option />
        <option />
    </select>
</div>

<div>
    <span>destination list</span>
    <select size="10">
        <option />
        <option />
        <option />
    </select>
</div>

使用表非常容易，但是我不想使用表。我该如何实现？

阅读 736

2020-05-10

共1个答案

小编典典

将div浮动到父容器中，并设置其样式如下：

.aParent div {

    float: left;

    clear: none;

}


<div class="aParent">

    <div>

        <span>source list</span>

        <select size="10">

            <option />

            <option />

            <option />

        </select>

    </div>

    <div>

        <span>destination list</span>

        <select size="10">

            <option />

            <option />

            <option />

        </select>

    </div>

</div>

2020-05-10