美文网首页
实现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当中横向均匀分布

    HTML如下: CSS如下:

  • 前端常用效果汇总

    1、div横向布局 div默认独占一行,但有的时候需要横向布局。 2、小棱形 利用span,div添加css样式实...

  • 实现两列的弹性布局

    需求: 在一个大div内有两个div,横向排列,要求两个div正好占满一行且左边的宽度不固定。如下: 宽度不...

  • CSS&JS一些问题

    实现div横向排列,元素往两边撑, 中间自动撑开空格。在父元素里设置 背景图片自适应div 背景图片自适应 tex...

  • 横向排列div

    效果图(还没画好 将就看吧 就这个意思) html代码 css 第二次效果 html css

  • CSS-布局6-相对父元素居中

    1、实现效果 2、实现思路 (1)使用一个div中,放置3个div内容、红色方块、蓝色方块。(2)设置div的布局...

  • CSS小技巧-margin

    2020.04.05 实现两个水平div,最后一个div右对齐(效果如下): 当然也可以是多个div元素实现同样的...

  • h5小问题总结

    在div无宽高的基础上,实现div居中显示方法: 1、若div宽不变,可以使用padding或margin来实现 ...

  • 如何阻止子元素触发父元素的事件

    今天我做了一实验,想要实现当一个div嵌套另外一个div的时候,点击外层div的时候触发事件,而点击内层div的时...

  • 网页布局实现之div垂直居中

    1.实现一个div上下左右居中的几种方式。 实现div水平居中很容易,给div一个宽度值,然后左右margin值为...

网友评论

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

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