如何在不使用表格的情况下水平对齐两个div？

Div 的水平对齐

常见的布局任务是水平对齐两个 div，每个 div 包含自己的标题和列表。虽然表格可以轻松实现这一点，但使用表格进行布局通常是不可取的。要水平对齐 div 而不借助表格，请考虑以下方法：

父容器中的浮动 Div

父容器中的浮动 div。浮动允许 div 水平相邻放置。确保父容器的样式如下：

.aParent div {
    float: left;
    clear: none;
}

• float: left：使 div 在父容器中向左浮动。
• clear: none：允许 div 旁边流动彼此没有清除line.

示例

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

使用这种方法，div 将水平对齐，每个 div 都包含其标题和列表，而不需要表格.

以上是如何在不使用表格的情况下水平对齐两个div？的详细内容。更多信息请关注PHP中文网其他相关文章！