經常會遇到一些要求，讓盒子或者圖片居中顯示
下面總結兩種方式：
1.盒子居中
第一種方式：
position:relative; //給父元素設置
position:absolute; //給子元素設置
top:50%;
left:50%;
margin-top:-自身高度/2px;
margin-left:-自身寬度/2px;
第二種方式：
position:relative; //給父元素設置
position:absolute; //給子元素設置
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%); //第一個值，相對於深深寬度的一半，第二個值，相對於自身高度的一半第二種方式更爲健壯，推薦第二種。
2.圖片居中
第一種方式：
line-height:父盒子的高度； //給父盒子設置
vertical-align:middle; //給圖片設置
第二種方式：
display:table; //給父盒子設置
display:table-cell; //給子盒子設置