列出 6 种 css 垂直居中大法 ~

前言 总括： CSS居中一直是一个比较敏感的话题，为了以后开发的方便，楼主觉得确实需要总结一下了，总的来说，居中问题分为垂直居中和水平居中，实际上水平居中是很简单的，但垂直居中的方式和方法就千奇百怪了。 原文地址：CSS居中小谈 知乎专栏&&简书专题：前端进击者（知乎）&&前端…

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

阅读目录 方法一：position 加 margin 方法二： diaplay:table-cell 方法三：position 加 transform 方法四：flex;align-items: center;justify-content: center 方法五：display:flex;margin:auto 方法六：纯 position 方法七：兼容低版本浏览器，不固定宽高