如果你不知道元素的宽高，那你可以使用 transform 属性，对宽高两个方向设置-50%来实现居中

CSS 布局
CSS水平，垂直居中的11个场景
如果你不知道元素的宽高，那你可以使用 transform 属性，对宽高两个方向设置-50%来实现居中

          <style>
  .parent-14 {
    position: relative;
    background: green;
    height: 200px;
    width: 60%;
    margin: 0 auto;
    padding: 20px;
    resize: both;
    overflow: auto;
  }

  .parent-14 div {
    background: black;
    color: white;
    width: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 20px;
    resize: both;
    overflow: auto;
  }
</style>

<div class="parent-14">
  <div>
    我是一个块状元素，宽高未知，通过 transform 属性 ，对宽高两个方向设置-50%来实现居中。
  </div>
</div>

        

如果你不知道元素的宽高，那你可以使用 transform 属性 ，对宽高两个方向设置-50%来实现居中