flex等间距布局方式1

by wu huan

HTML

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

CSS

.container {
      display: flex;
      width: 100%;
      background: #f94040;
      justify-content: space-evenly;
    }

    .item {
      flex: 0 0 80px;
      width: 80px;
      height: 80px;
      background: #fff;
      border-radius: 40px;
    }