flex佈局居中

display: flex;

align-items: center;   x軸居中

justify-content: center;  y軸居中

 

flex佈局對於居中的一個方法；代碼做用在父元素裏，讓子元素位於父元素居中位置。