vertical-align属性

1.vertical-align主要用在inline和table-cell类型上，

• 在inline元素：此时元素相对于父级块的中垂线的中线对齐；
• 在table-cell元素上，此时元素相对于自身单元格对齐；
  inline使用场景：
  1.文字图标对齐：
  
  

  vertical文本图标对齐.png

demo1

2.元素垂直水平居中(不需要设置宽高)

vertical-align垂直居中.png

demo2

table-cell单元格

table-ccell.png

demo3