一个元素居中的办法（不确定宽高的情况下如何用定位的办法实现）

方法一：使用display:flex，设置just-content:center
方法二：

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

.wrap {  
	float: left;/* 为了让 wrap 的宽度等于 inner 的宽度 */  
	position: relative; 
	left: 50%; 
}
.inner {  
	position: relative;  
	left: -50%; 
}

方法三：display: table-cell

 <div class="wp">
      <span>123123</div>
 </div>
.wp {
          width: 500px;
          height: 500px;
          background-color: blue;
          display: table-cell;
          text-align: center;
          vertical-align: middle;//vertical-align 属性设置元素的垂直对齐方式。
        }

vertical-align属性：