居中总结#CSS

Hellow大家好！又到了我们快乐的学习时间！今天我们来学习各种情况居中方式！很重要哦！

首先呢是

行内元素居中

水平居中 text-align：center；

垂直居中 line-height=height；

不固定高度垂直居中可以使用padding；

固定高度垂直居中display:table-cell;vertical-align:middle;

块级元素居中

1、使用绝对定位配合margin但是啊必须要固定宽高

 

 

 2、设置transform:translate(-50%,-50%)

 

3、设置margin(0 auto)但是必须要有固定宽高哦

 

 

 

4、flex弹性盒布局居中 justify-content:center;align-item:center

 

 本次的更新就到这里啦，点个关注再走哦！