前端水平/垂直居中的几种方式

第一种：flex 弹性布局

flex.jpg

第二种：定宽居中

margin.jpg

第三种：绝对定位+transform

absolute+transform.jpg

第四种： 绝对定位+margin:auto

absolute+margin.jpg

第五种：单行文本垂直居中使用 line-height: 盒子高度 值

第六种:图片垂直居中：verticle-align:middle;

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容