通过css让标签左右垂直居中的几种

1、最常用的方法，通过position对标签进行定位；

如：div的宽高为100px

position:absolute;

top:50%;

left:50%;

margin-top:-50px;

margin-left:-50px;

2、结合margin属性和定位（要先确定内部元素的高度）；

position: absolute; 

top: 0px;

left: 0px;

right: 0px; 

bottom: 0px;

margin:auto;

3、通过flex弹性布局（兼容ie10+）

display: flex; 

display: -webkit-flex; 

flex-flow: row wrap; 

-webkit-flex-flow:row wrap ; 

justify-content: center; 

-webkit-justify-content: center;

align-content: center;

-webkit-align-content: center;

4、通过table-cell（要先确定父级容器的宽高，display:table-cell与float:left或是position:absolute属性尽量不同时使用。设置了display:table-cell的元素对宽度高度敏感，对margin值无反应，响应padding属性，基本上就是活脱脱的一个td标签元素了）

display: table-cell;

vertical-align: middle; 

text-align: center;

width: 100px;

 height: 100px;