vertical-align属性解决元素间有间隙和对不齐问题--小技巧

vertical-align属性：

  设置元素的垂直对齐方式

    vertical-align: baseline; 将元素放在父元素的基线上 默认值
    vertical-align: top; 顶端对齐
    vertical-align: middle; 中部对齐
    vertical-align: bottom; 底部对齐

    vertical-align: super;上标 
    vertical-align: sub; 下标 

  使用——图片下方间隙问题

    将图片转成块级元素，解决下方间隙;
    为图片设置垂直对齐方式(vertical-align属性)，解决下方间隙；
    为图片的父元素设置高度，并添加overflow属性，解决下方间隙；
    为图片的父元素设置font-size属性或line-height属性，属性值为0，解决下方间隙问题：

  使用——文本框和按钮不对齐现象--解决行内块间空白问题的三种方式

vertical-align：middle；	对齐方式
display：black；			转换块级
font-size：0px；			设置字体大小

浮动也可以解决

演示

    
    
    
    


    

         vertical-align: ;
    
    

         vertical-align: baseline;
    
    

         vertical-align: top;
    
    

         vertical-align: middle;
    
    

         vertical-align: bottom;
    
    

    
32
    
32
    
H2O
    
H2O