关于div的对齐

Question

zhuzhuzhu

8

关于div的对齐

布局 div-标签 css

有2个div，sub1,sub2
同一个父div
希望当2个子div的宽度之和大于父div的时候
sub1左对齐，sub2在下面一行右对齐

当2个子div宽度之和小于父div时，
sub1左对齐，sub2紧挨着sub1,
如下图

阅读 320

评论发布于 2020-05-10

4 个回答

得票时间

查看全部 4 个回答

相似问题

**zzgzzg00** · Answer 1 · 2020-05-10T19:53:44+08:00

`

<html>
    <head>
        <title>option chain</title>
        <meta charset="utf-8" />
        <style>
            * {
                padding: 0;
                margin: 0;
                box-sizing: border-box;
            }
            .container {
                width: 50vh;
                background-color: yellow;
            }
            .outer {
                max-width: max-content;
                display: flex;
                height: 200px;
                flex-wrap: wrap;
            }
            .left, .right {
                width: 100px;
                height: 100px;
            }
            .left {
                background-color: red;
            }
            .right {
                background-color: green;
                margin-left: auto;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="outer">
                <div class="left">left</div>
                <div class="right">right</div>
            </div>
        </div>
    </body>
</html>

`
这样试试

关于div的对齐

相似问题

推荐文章