## （一）vertical-align：middle 當前元素水平居中 如果當前元素是img以外的其他類型必須先轉成行內塊元素 1、給目標元素設置一個參照物（為該目標元素的同級元素） 2、將參照物轉成行內塊元素，參照物與父元素一樣高 height：100% 3、給目標元素和參照物均設置vertical-align：middle；(這一句可以解決圖片間隙問題) ## （二）子絕父相 四方向 1、子元素設置絕對定位，父元素設置相對定位 2、上下左右四個方向都給0 3、margin：auto； ## （三）子絕父相 margin負值 1、子元素設置絕對定位，父元素設置相對定位 2、上左兩個方向都給50% 3、margin-top:子元素高度的一半 margin-left:子元素寬度的一半 注意：有限制情況：當元素的寬或高為奇數時不能用 ## （四）子絕父相 平移 1、子元素設置絕對定位，父元素設置相對定位 2、上左兩個方向都給50% 3、然后transform給-50% 注意：有限制情況：當元素的寬或高為奇數時不能用 ## （五）彈性盒 1、父元素設置為彈性盒 2、給父元素加屬性justify-content: center; 3、給父元素加屬性align-items: center;