方法一(已知元素宽高)
width: 200px;
height: 200px;
position:absolute; (父级元素要设置position:relative)
top: 50%;
left: 50%;
margin-top:-100px;(元素宽高的一半)
margin-left:-100px;(元素宽高的一半)
方法二(未知元素宽高):
width: 200px;
height: 200px;
position:absolute; (父级元素要设置position:relative)
margin: auto;
top:0;
left:0;
bottom:0;
right: 0;
方法三(未知元素宽高):
width: 200px;
height: 200px;
position:absolute; (父级元素要设置position:relative)
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
如何让一个img标签垂直居中?
display:table-cell;
text-align:center;
vertical-align: middle