1.要给居中的元素一个宽度，否者无效。
2.该元素一定不能浮动，否者无效。
3 在HTML中使用标签，需考虑好整体构架，否者全部元素都会居中的。
4.display：table－cell
display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。
目前IE8+以及其他现代浏览器都是支持此属性的。我们都知道，单元格有一些比较特别的属性，例如元素的垂直居中对齐，关联伸缩等。与其他一些display属性类似，table-cell同样会被其他一些CSS属性破坏，例如float, position:absolute，所以，在使用display:table-cell与float:left或是position:absolute属性尽量不用同用。
设置了display:table-cell的元素对宽度高度敏感，对margin值无反应，响应padding属性，基本上就是活脱脱的一个td标签元素了。