不定宽度居中

一、传统方法

<div class="wrap">
  <div class="inner">html ： 让 inner 居中</div>
</div>

.wrap {
  float: left; /* 自适应内容宽度 */
  position: relative;
  left: 50%; 
}
.inner {
  position: relative;
  left: -50%; 
}

二、flex布局，水平垂直居中

<div class="wrap"></div>

.wrap {
  display: flex; 
  align-items: center;
  justify-content: center;
}