美文网首页
实现3个div在一个div当中横向均匀分布

实现3个div在一个div当中横向均匀分布

作者: 2019吖 | 来源:发表于2019-07-19 16:02 被阅读0次
    image.png

    HTML如下:

    <div class="wrap">
            <div>合伙人</div>
            <div>推荐购买</div>
            <div>奖励金</div>
    </div>
    

    CSS如下:

    .wrap{
        justify-content: space-around;
        display: flex;
        width: 100%;
      }
    .wrap div{
        float: left;
        width: 1.4rem;
        height: 1.4rem;
        line-height: 1.4rem;
        background: #fff;
      }
    

    相关文章

      网友评论

          本文标题:实现3个div在一个div当中横向均匀分布

          本文链接:https://www.haomeiwen.com/subject/qbrslctx.html