CSS之垂直对齐方式vertical-align

有时候我们会遇到图片和文字并排，但是图片靠上而文字靠下摆放布局混乱。因为浏览器将行内块和行内标签都当做文字处理，所有文字默认都按基线（baseline）对齐，图片底下有留白导致不整齐。因此我们引入vertical-align用于解决图片文字垂直方向的摆放方式。

• 作用： 取消基线对齐方式，解决基线对齐带来的布局影响，重新定义垂直对齐方式。、
• 属性名： vertical-align
• 属性值：
  
• 拓展： 如果想要设置图片和文字的对齐方式就用vertical-align，如果仅仅只有一张图想要去除底下留白则使用display：block。