vertical-align 垂直对齐 与 溢出的文字 省略号显示 css精灵技术（sprite）重点

1.vertical-align 垂直对齐

 1. 有宽度的块级元素居中对齐，时margin：0 auto

 2. 让文字居中对齐，是text-align：center；
    但是我们从来没有讲过有垂直居中的属性
   vertical-align垂直对齐，他只针对于行内元素或行内块元素，
   
    vertical-align ：baseline |top |middle |bottom

设置或检索对象内容的垂直对齐方式。

注意：

vertical-align 不影响块级元素中的内容对齐，他只针对于行内元素或者行内块元素
特别是行内元素，通常用来控制图片/表单与文字的对齐。

1 图片、表单和文字对齐

所以我们知道，我们可以通过vertical-align 控制图片和文字的垂直关系了。默认的图片会和文字基线对齐。

2 去除图片底测空白缝隙

原因：

  图片或者表单等行内块元素，它的底线和父级盒子的基线对齐。
  就是图片底侧会有一个空白缝隙。

解决方法就是：

给img vertical-align：middle | top等等。让图片不要和基线对齐。