html - CSS:如何避免垂直抓取容器？

Question

我有一个 Flex 容器，里面有一些 li 元素。当在里面添加更多的 li 元素时，容器的上下两侧会挤压在一起。我不希望它进一步向上移动，只希望向下移动。

你可以在我的JSfiddle上查看

尝试添加一些li元素，你会看到容器正在吱吱作响。如何屏蔽？

Answer 1

尝试一下，看看这是否是您想要的。如果没有，我可能需要一些额外的信息。

.mainContainer {
   width: 100vw;
   height: 100vh;
   display: block;
   align-items: center;
   justify-content: center;
}

.content {
   min-height: 350px;
   width: 300px;
   border-radius: 5px;
   background: #f2f2f2;
   border: 1px #ccc solid;
   position:relative;
   margin:0 auto;
   display:block;
   top:50%;
   margin-top:-25%;
}