2个span 分别为18px 12px 它们在同一行时，怎么以底部对其？

正常情况下是 底部对齐的，你这里肯定是受到了外层属性的影响

看看父容器的设置，是否设置了垂直居中