html div绝对定位居中

<div class="parent-frame" style="position: relative;">
 
 利用绝对定位，配合translate移动到水平垂直居中。
 
 <div class="child-frame" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
 
 </div>
 
</div>