自适应居中问题，详情请看主页

你是不是觉得这个方法可行？不忘了我的是垂直居中自适应的，效果是达到了，不过不忘了，父级的高度是子div总和，第三个div隐藏时，居中没问题，要是第三个div显示父级div高度发生变化父级就会上下扩张，div三隐藏父级有会上下缩回，怎么解决这问题，我是想在不影响居中自适应的情况下，让父级div显示div3时不出现上述问题

<div   class="content">
       <div class=div1>111div>
       <div class="div2">222div>
      <div class= "div3" style="display：none">333div>
div>

.content{
position：fiend;
top：50;
transform：transfeY(-50%);
width：60px;
}
.content div{
position：relative;
width：60px;
height：42px;
}

.content{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
}
.content div{
            width：60px;
            height：42px;
}