对需要水平垂直居中的元素写css:
.mid{ position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%); }
flex:
对父级元素写css:
单行居中:
1 .mid{ 2 display : flex; 3 justify-content : center; 4 align-items : center; 5 }
多行垂直居中:
.mid{ display : flex; justify-content : center; flex-wrap : wrap/wrap-reverse; align-items : center; }
grid:
作者:岑锦超
链接:https://www.zhihu.com/question/19583370/answer/23681292
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处