如何在flexbox容器中设置最大行数并隐藏额外的元素？

<style>
  .flex-container {
    display: flex;
    flex-wrap: wrap;
    max-height: 100px;
    overflow: hidden;
  }

  .flex-item {
    flex-basis: 25%;
  }
</style>

<div class="flex-container">
  <div class="flex-item">Item 1</div>
  <div class="flex-item">Item 2</div>
  <div class="flex-item">Item 3</div>
  <div class="flex-item">Item 4</div>
  <div class="flex-item">Item 5</div>
  <div class="flex-item">Item 6</div>
</div>