等標籤在指定容器中水平垂直居中的幾種實現方法

1.通過設置相對位置和絕對位置

父元素：position: relative;

img{
　　　position: absolute;
　　　top: 0;
　　　right: 0;
　　　bottom: 0;
　　　left: 0;
　　　margin: auto;
　　}

2.通過設置transform

img{
　　　left: 50%;
　　　top: 50%;
　　　transform: translate(-50%,-50%);
　　}

3.通過設置display爲table-cell

img{
　　　display: table-cell;
　　　text-align: center;
　　　vertical-align: middle;
　　}

4.通過設置display的flex容器

img{
　　　display: flex;
　　　align-items: center;
　　　justify-content: center;
　　}

以上爲自己總結，如有錯誤還望指正；還有更多方法多多聯繫。