水平居中：
1.margin：0 auto;
2.text-align：center；
注意：text-align是针对行内元素的居中，块级元素需要设置display为inlin-block才可以
垂直居中：
1.绝对定位-宽高的一半
2.绝对定位和margin:auto;
3.transfrom
这个方法比较高级了，用到了形变，据我所知很多大神喜欢使用这个方法进行定位，逼格很高的，学会后面试一定要用！这个是不需要知道居中元素的宽高就可以使用的，在面试中大部分人会问如果不知道宽高该如何居中，答这个，加分！对transform不了解的同学可以查阅一下资料了解一下！
4.diplay：table-cell
5.diplay：flex
6.diplay：grid
7.vertical-align:middle;
css图片水平居中 css图片垂直居中 css图片水平垂直居中
css页面布局水平垂直居中问题 居中问题
CSS水平居中、垂直居中、水平垂直居中方法总结 文字的水平居中: 单行文字的垂直居中： 让有宽度的div水平居中：...
居中有水平居中和垂直居中。 水平居中+垂直居中 flex法 position法 就是计算呗~ 参考 CSS各种居中...
前言 设计网页的时候，除了CSS水平居中的需求外，还会经常遇到CSS垂直居中的需求，CSS垂直居中跟CSS水平居中...
CSS display: table-cell 用于水平垂直居中 在 CSS 设置居中时候，水平和垂直居中的设置略...
在css中居中效果可以分为：水平居中、垂直居中、水平垂直居中三种。最近小程序开发项目中也经常遇到居中效果设置问题，...
CSS设置行内元素的水平居中 CSS设置行内元素的垂直居中 CSS设置块级元素的水平居中 CSS设置块级元素的垂直居中
1.块级元素水平居中，水平元素垂直居中 CodePen:CSS块级水平居中 2.块级元素垂直居中 CodePen:...
CSS实现盒子模型水平居中、垂直居中、水平垂直居中的多种方法 CSS实现盒子模型水平居中的方法 全局样式 第一种：...
本文标题：CSS居中问题，水平垂直居中
本文链接：https://www.haomeiwen.com/subject/bsmzbftx.html
网友评论