css设置水平居中、垂直居中

水平居中：text-align:center; (必须在父节点中设置才有效果)

垂直居中：display:table-cell; vertical-align:middle; height：与上一层div高度保持一致 (必须在父节点中设置才有效果)

说明：display:table-cell 将div转换成td，td内元素默认是靠上的，所以设置vertical-align:middle让td中的元素垂直居中。

例子：让图片在一块具体高度的div中垂直居中

<div style="height:200px">

　　<div style="text-align:center; vertical-align:middle; display:table-cell;height：200px">
　　<img src="../../images/favicon.ico" />
　　</div>

</div>

让字体与图片保持垂直居中对齐：

<style type="text/css">
img{
vertical-align: middle;  // 让文字与图片垂直对齐
　　　　　　 vertical-aligh：text-top; //让文字与图片顶端对齐，文字默认是与图片低端对齐的
}
</style>
<div>
<a>好日子</a>
<img src="img/doge.jpg" />
</div>