apple官网头部

Toubu.html

<div class="box">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
    <div class="item">5</div>
</div>

 

Toubu.scss

练习

.box{

  text-align: justify;

  height: 40px;

}

.box .item{

  //float: left;

  display: inline-block;

  //background: #10baca;

  font-size: 30px;

}

.box::after{

  content: '';

  display: inline-block;

  width: 100%;

  height: 0;

  font-size: 0;

  line-height: 0;

}