HTML元素居中的几种办法

行内元素的居中

行内元素的居中，是给父元素设置text-align:center来实现的

块元素的居中

所谓的块元素，是指单独占一行的元素，行内元素可以用display:block来成为块元素。块元素的居中分为两种情况：

• 固定宽度：左右margin auto来实现
• 不固定宽度：第一种方法：1.在要居中的元素中加入tab标签。2.设置margin 0 auto。第二种方法：将不定宽块元素通过display:inline改为行内元素，然后设置父标签text-align:center来设置居中。第三种方法：给父元素float:left、position:relative、margin-left:50%,然后设置子元素:position:relative;margin-left:-50%;

垂直居中

垂直居中分为四种情况：
- 父元素确定高度的单行文本：通过设置line-height为父元素的高度就行了。但有一个弊端，就是文本超长的时候，会不显示在div里。
- 父元素确定高度的多行文本：第一种方法：在元素前插入table，然后再设置vertical-align:middle。第二种方法：设置display:table-cell;vertical-align:middle；但是这只能兼容IE8以及chrome和firefox
- 父元素不确定的单行文本：
- 父元素不确定的多行文本：