inline-block基线对齐

说明

行内块级元素基线对齐方式不同,如:input和button水平不对齐

垂直对齐样式

样式:

vertical-align:middle;

有以下值:

  • baseline:默认值
  • middle:居中对齐
  • bottom:底部对齐
  • top:顶部对齐
  • sub:下标,类似化学元素 o2 的 2 是下标
  • super:上标,类似 n次方
  • inherit:继承父元素的设置

参考:https://blog.csdn.net/wmaoshu/article/details/52964251