首先明确元素分为行内元素和块级元素，元素的类型不同，处理的方式自然也不同
常用的行内元素有：<span> <a> <lable> <strong> <b> <small> <input> <button>等
常见的块级元素有：<div> <p> <h1> <ul> <ol> <li> <form> <header> 等
行内元素
行内元素水平居中的方法：设置父元素 text-align:center
行内元素垂直居中的方法：设置父元素 line-heigh的值等于heigh的值
实例如下：
块级元素
一、使用flex布局
设置父级元素属性：
二、使用absolute定位+margin+(top+bottom+left+right)
这里的top，left, right, bottom 此类定位属性只对添加了position属性且值为非static的元素生效，即值为fixed，absolute，relative 其一。
