Html 如何将一个子div置于容器div的中心？

如何在保持

.description

不变的情况下仅居中放置

.arrow

<div class="container">
    <div class="description"></div>
     <div class="arrow"></div>
</div>

.container{
    display: 'flex',
    'flex-direction': 'column'
}

.集装箱{
显示：“flex”，
“弹性方向”：“列”
}

添加

---

说明：

谢谢@Michael_B。但是当.description内容很大时。箭头经过中心。不客气。如果您可以发布一个完整的示例（可能在jsfiddle.net或codepen.io中），我们可以进一步帮助您。谢谢它的工作。

.arrow {
    width: 50%;
    margin: 0 auto;
}

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

.container {
    position: relative;
}