一、css图片于文本基线对齐（vertical-align属性）
默认情况，图片顶对齐而文字底对齐，通过设置css属性可以使得图片与文字对齐。
如何设置各对象的vertical-align属性？
文字旁边搭配图片时，发现图片比文字靠上，原来默认的情况是图片顶对齐而文字底对齐，通过设置css属性可以使得图片与文字对齐。
设置各对象的vertical-align属性，属性说明：
在此设置为text-bottom即可实现图片与文字位于同一水平线上。
代码：
实现了图片于文字的底端对齐。
二、css 文本框和按钮（图片）对齐的问题
img元素的css有个vertical-align属性 用来控制图片的对齐方式
它的默认值是baseline，这样图片的底部会对齐文本的baseline，而且文本的baseline并不是文本的底部，input又正巧是放文字用的，因此img默认并不会对齐input的中线。
解决方法：直接设置图片以middle方式对齐。