1. 程式人生 > >垂直水平居中的幾種實現方式

垂直水平居中的幾種實現方式

一.使用彈性盒模型 display: flex

     1. 在你不知道當前元素的寬高的情況下 你可以為父元素設定 display: flex;樣式 並設定 align-items: center; justify-content: center

  

2. 還有種情況就是你知道為元素設定position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 這個百分之五十是相對於元素自身寬度的一半