css不知宽高的元素居中

　　方法1：反向移动

position:absolute;
  top:50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

　　方法2：flex布局

 display: flex;
 align-items: center;
 justify-content: center;

　　方法3：四向定位　　

1. position: absolute;
2. right: 0;
3. left: 0;
4. top: 0;
5. bottom: 0;
6. margin: auto;

　　方法4：表格

　　father{

　　　　display:table;

　　　　text-algin:center;

　　}

　　son{

　　　　display:table-cell;

　　　　vertical-align:middle;

　　}