如何将 Bootstrap 5 Card 组件对齐到中心

Question

https://i.stack.imgur.com/y86aU.jpg

Above Screen-shot I want to align the center. My Parent division class name main-div

Answer 1

 .main-div  {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}