Question

css 中vertical-align属性的困惑

学习css有两个多月了，遇到的问题基本也都能理解，但是vertical-align属性困惑我很久，搞的我心力交瘁，不知道其原理到底是什么，比如我举如下现象
1.有几个行内元素，在html中的排版换行的话则不会对齐，不换行则会对齐，但有时候换行和不换行又没啥影响
2.如果父元素中含有文本，则也会影响到几个行内元素的对齐（更奇怪的是父元素中含有中文跟不含有中文时也会影响到行内元素 的对齐方式）
3.行内元素的默认对齐方式是baseline，书上解释说是跟父元素的基线对齐，父元素中没有文本的话则父元素的基线从何说起呢？
.....
等等
有哪位大神知道的跟小弟讲解下vertical-align真正的原理是怎样的呢，如何去理解这些现象呢？小弟不盛感激！

Answer 1

一般情况vertical-align用的地方不多是因为其兼容性不好。
在及其特殊的情况下才会用到它，在需要汉字和图片对齐的地方我从来不用它。
在父元素高度一定的情况下用height和line-height可以实现垂直对齐。
垂直居中还和字体有一定的影响，字体不一样可能看着就不太绝对居中。
vertica-align不是所有标签内都有效。在td内用向你说的有中英文差异的话不如在外边再加个div使div居中里面的自然也就居中了。
需要图文都居中的地方建议使用height和line-height同值的方法。