一 水平居中
1 行内元素
给父元素设置属性 text-align:center 可以是元素及其文本水平居中
2 块级元素
设置元素宽度 设置元素属性 margin: 0 auto; 设置上下边距为0 左右边距为自动；实现水平居中
如果 该元素为浮动元素。父元素的宽度属性设置为 fit-content
二 垂直居中
1 行内元素
父元素设置 vertical-align：middle
对于单行文本 或许图片元素 最简单的方法是 设置元素的line-heght属性等于元素高度。
2 块级元素
父级元素设置属性 display:table 子元素设置属性 display:table-cell vertical-align:middle;
绝对/固定垂直水平居中
.content{
.position:fixed/absolute;
top:50%;
left:550%;
margin:精确定位
}