css - 3个div在同一行的水平对齐

Question

我试图让 3 个 div 出现在编队的同一行上:左 - 居中 - 右

例如，一个 div 左对齐，下一个居中，最后一个右对齐。

有人知道怎么做吗？我有 2 个 div 左右对齐，但如果我在中间引入一个居中的 div，它会将最右边的 div 移到一个新行上。

Answer 1

.left-col {
    float: left;
    width:25%;
}
.center-col {
    float: left;
    width: 50%;
}
.right-col {
    float: left;
    width: 25%;
}

<div class="left-col">purple</div>
<div class="center-col">monkey</div>
<div class="right-col">dishwasher</div>