图片与文字的对齐方式

今天写项目头部，发现图片与文字的默认对齐方式使得，文字有点溢出，所以这里翻出总结下，
可以通过 vertical-align（只能用于行内元素和表格单元格，不能用其对齐块级元素） 属性来调整：
vertical-align属性具体有以下一些：

baseline－将支持valign特性的对象的内容与基线对齐
sub－垂直对齐文本的下标
super－垂直对齐文本的上标
top－将支持valign特性的对象的内容与对象顶端对齐
text-top－将支持valign特性的对象的文本与对象顶端对齐
middle－将支持valign特性的对象的内容与对象中部对齐
bottom－将支持valign特性的对象的文本与对象底端对齐
text-bottom－将支持valign特性的对象的文本与对象顶端对齐
使用时只要通过为图片设置样式就能实现不同的效果，发现改动后，好看多了