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

Question

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

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

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

Answer 1

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