如何水平对齐两个div？

• Z时代
• 2024-01-10
• 分类：问答

我需要将两个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>

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

回答：

将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>

以上是 如何水平对齐两个div？ 的全部内容， 来源链接： utcz.com/qa/423519.html