请问css3里面的垂直对齐方式该怎么理解呀？

请问css3里面的垂直对齐方式该怎么理解呀？

vertical-align: middle;是说这个属性么
这个属性严格意义上说并不是垂直居中
它只是让行内元素（文字和图片等）以自身为参照中对齐（top是顶对齐）
但这个参照不是绝对的，他受行高等因素影响(及浏览器的兼容)所以设置了对齐以后往往达不到自己想要的结果。
浏览器的垂直居中是个挺麻烦的事，简单的文字图片的对齐 可以用vertical-align，但稍微复杂点的就不好使啦

通常会用js计算高度在设置其他属性让目标元素居中


目前为止只有table的垂直居中属性 是真正意义上 且不需要js的垂直居中
追问你好！我就是用vertical-align这个属性呀。
浏览器能让这个图片动应该就是应经支持了这个属性了吧，和兼容我感觉没多大关系，要是兼容问题的话应该没有任何效果才对。
请问代码怎么写呀？
比如第二张图片对齐第一张图片的中间位置。不怕麻烦，我只想知道这个方式，求求你告诉我吧呵呵。