垂直居中；水平垂直居中；行级块元素水平垂直居中

吐血！！！！！

垂直居中：

法一： 父元素      display:flex,align-items:center;

法二：子绝父相    top:50%   margin-top：-（高度/2）

法三：子绝父相   top:50%    transform：translateY（-50%）

垂直水平居中  就略  也是这三种

 

两种写法：

translate（-50%，-50%）  

transform：translateX(-50%)     transform：translateY(-50%)

 

行级块  元素  水平垂直居中：

上面那三种，可以都试试呦！不知道行不行

父元素设置display：flex，子元素设置margin：auto

这个也没试过呦，呵呵。

还有比较熟悉的

父级元素   text-alig：center，line-height = height，vertical-align：center，最后   font-size：0（文本分割符？不清楚）

vertical-align：center   是水平居中