1、行内元素水平居中，可以在父元素中使用text-align:center;垂直居中可以用，line-height:100px;例如：

代码语言：javascript复制

2、块级元素水平居中，可以用margin:auto;代码如下：

代码语言：javascript复制

3、元素绝对居中，利用定位position，代码如下：

代码语言：javascript复制

4、元素绝对居中的另一种方法，代码如下：

代码语言：javascript复制