line-height：如果是单行文字的话，可以使用“line-height:30px”来设置居中对齐，仅此一个标签就可以，但不能随高度动态变化；
vertical-align：很多人对这个标签有一定的误解，它的实际意思是对不同DOM元素来讲的，关于vertical-align的“top,middle,super,sub,baseline...”不同属性，是针对下图来讲的：
比如一个行文本和一个图片，他们摆在统一行的时候，往往文字在下，图片在上。因为，两个元素在一起的时候，默认的对齐方式是：baseline。如图：
如果设置为top顶端对齐，则如下效果：
因此，对于单行的Div文本垂直对此，仅用line-height元素即可，其高度与div高度相同即可。
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
