我可以仅设置“ n n＆quot”在弹性容器中可见的行数？

Question

我有一个带有以下CSS的容器：

.container {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
}

是否有任何方法可以将其限制为仅显示n行，而其余行未显示？我想避免设置固定高度，因为容器中的元素可能具有不同的高度（这可能导致不同的行是不同的高度）。

Answer 1

那是你的意思吗？请问，如果我错了。

.container {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
}

.child{
 display: none;
}

.child:nth-child(2){
 display : block;
}

<div class ="container">
  <div class="child">I am a child</div>
  <div class="child">I am a child too</div>
</div>