vertical-align用处

 

基线的问题  ，文字默认和图片底部对齐

可以把左边部分当成一个整体，右边其实就是一个行级块元素。右边父级用vertical-align: top/250px就可以顶对齐。

或者右边的父亲用 相对定位

右边绝对定位
right 0
Top 0

两边都有文字，如何让中间图片垂直居中？

把两边都看成一个整体，父级都用vertical-align：20px;因为基线对齐，所以中间图片用margin-top：10px;两边会跟着一起动。或者把整体看成一个部分，父级用padding。