仿爱奇艺flex demo前端小白，记录一下学习内容，此处的demo仅学习参考，如有不足之处，欢迎大佬多多指正。。。。。

    * {
      margin: 0;
      padding: 0;
    }

    .father {
      width: 1000px;
      height: 330px;
      /* border: 2px solid #000; */
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #000;
      margin: auto;
    }

    .father .son {
      width: 186px;
    }

    .father .son img {
      width: 100%;
      /* 去掉img的幽灵空白节点 */
      display: block;
    }

    .father .son .title {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      margin: 5px 0;
    }

    .father .son .desc {
      color: rgb(175, 175, 175);
      font-size: 14px;
    }

<body>

  <div class="father">
    <div class="son">
      <img src="../img/1.jpg" alt="">
      <div class="title">人世间</div>
      <div class="desc">三世同堂谱写人间烟火</div>
    </div>
    <div class="son">
      <img src="../img/2.jpg" alt="">
      <div class="title">假日暖洋洋2</div>
      <div class="desc">冰雪情缘，欢喜过年</div>
    </div>
    <div class="son">
      <img src="../img/3.jpg" alt="">
      <div class="title">瓦舍江湖</div>
      <div class="desc">爆笑天团逗您一乐</div>
    </div>
    <div class="son">
      <img src="../img/4.jpg" alt="">
      <div class="title">光阴里的故事</div>
      <div class="desc">林允高至霆怀旧青春</div>
    </div>
    <div class="son">
      <img src="../img/5.jpg" alt="">
      <div class="title">一闪一闪亮星星</div>
      <div class="desc">张佳宁屈楚萧恋爱循环</div>
    </div>
  </div>
</body>

</html>