解决a标签下的image元素下方的空白

因为欧洲人对于英文字母的gqp等带有小尾巴的字母的写入需求，会有一条baseline用于字母主体写入，比如abcdefghijk等字母，仔细观察会发现它们之中有一条隐藏的线将字母的主体水平对齐，gh这类字母对比a虽然一个向上超出，一个向下超出，但它们的字母主体是水平对齐的，在a字母的下方就是这条水平线，叫baseline。写过英文字帖的都知道英文文本有四条线进行规范，从上往下第三条线就是它的baseline。第四条线是bottom，第一条线是top。

对于解决a标签下的image元素的空白：

1.设置a标签下的img元素的vertical-align属性设置为bottom。

2.设置a标签为display为block，img元素的display为block，使其遵从盒子的原则。（注意两个都要添加这个属性）

3.设置a标签的font-size为0。（因为a标签本就是用于作为文字的包裹的元素）（推荐）