1.文本
文本垂直居中
1-1 当前元素:line-height:父元素的height
1-2 实现行内块元素与文字垂直居中对齐:vertical-align:middle;/bottom/top/
文本水平居中
当前元素:text-align:center
2.块级元素
块级元素垂直居中
利用弹性布局实现,在父元素中添加display: flex;align-items: center;
块级元素水平居中:
方法一:给当前元素:margin:0 auto
方法二:设置父元素: display: flex; justify-content: center;
3.图片水平居中
img{
clear:both;
display:block;
margin:auto;
}
4.水平垂直居中通用:
display:flex;
justify-content:center;
aligns-item:center;