div水平和垂直居中，使用text-align和vertical-align是不起作用的。
原因在于：标签div没有这两个属性，在css中设置这两个值，则不能实现居中的效果。
来看下面的例子，介绍如何实现div居中，以及div中元素的居中。
1. div水平居中:设置margin的左右边距为自动。
2.div中的元素居中
2.1 div中的文字居中：将div的行高设置跟其高度一样的值。
2.2 div中的图片居中
方法一：将div的行高设置跟其高度一样的值，将其中的图片img外套上标签i，设置i和div同时垂直居中。
2.3 div中的图片居中
方法二：将div转换成tablecell，让后设置vertical-align属性居中。
>>> 查看更多 css 居中 相关教程 <<<