HTML – 如何对齐3个div左中右？

参见英文答案 > How to align 3 divs (left/center/right) inside another div?18个
如何在左中右一行中对齐3个div而不必定义显式大小？

左边应该与左边缘对齐,右边边缘对齐.

以下不起作用：

<div style="float: left;">
    left
</div>
<div style="float: right;">
    right
</div>
<div style="margin: 0 auto;">
    center
</div>

解决方法

添加包装器div并给出text-align：center

CSS

.wrap{
        text-align:center
    }

HTML

<div class="wrap">
<div class="left">
    left
</div>
<div class="right">
    right
</div>
<div class="center">
    center sdv dg sdb sdfbh sdfhfdhh h dfh
</div>
    </div>

DEMO

原文地址：https://www.jb51.cc/html/226599.html