不定宽度居中

一、传统方法

<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;
}