html - 如何将其中一个子 div 居中在容器 div 上？

Question

如何在保持原样的.arrow同时保持中心？.description

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

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

标签： htmlcssflexboxcentering

Answer 1

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

.container {
    position: relative;
}

说明：https ://stackoverflow.com/a/36817384/3597276